It might be a syntax error inside your custom CSS section. Try pasting the whole CSS code (not just the snippet above) to a code editor which can give you hints as to what the error might be – if there is one. Or it could also be an HTML syntax error – you could … Read more
The first parameter of wp_enqueue_style and wp_register_style is used to register the stylesheet for later use. So, you can register it early and later call it just specifying it’s first parameter. In this case you are registering and enqueueing the stylesheet td-theme-child, which file is style.css. After that, if the conditional passes, you are registering … Read more
Use this css style to make your background cover the entire page: body { background-image: url(‘IMAGE URL’); background-repeat: repeat; width:100% overflow:hidden; float:left } Now, style your content’s background: .grey { background-color: #e6e6e6; display: block; float:left; overflow:hidden; width:500px // You can also set as 100% } Not that you should either set a width for your … Read more
/** * Enqueue stylesheet before others */ class EnqueueStylesheetEarly { function __construct() { add_action( ‘wp_enqueue_scripts’, [ $this, ‘load_before_other_stylesheets’ ], 5 ); } /** * Register and enqueue stylesheet */ function load_before_other_stylesheets() { wp_register_style( ‘bootstrap-css’, plugin_dir_url( __FILE__ ) . ‘bootstrap.min.css’, [], ‘3.3.7’ ); wp_enqueue_style( ‘bootstrap-css’ ); } } Then you can load this with your other … Read more
Not tested, by you could try something like the code below. If first register your css as css-woocommerce (yout theme may allready have this) then you can on init use wp_enqueue_style IF it is a post (is_single). Does this help you? function register_custom_stylesheets() { wp_register_style( ‘css-woocommerce’, get_stylesheet_directory_uri() . ‘/css/woocommerce.css’ ); } function custom_stylesheet() { if … Read more
To set image only on home page you can use is_home() function in head section of your header.php file like this if(is_home()){ <style> .class-name{ background: url(‘http://127.0.0.1/wordpressbis/wp-content/image.jpg’) center center fixed; width: 100%; height: 100%; } </style> }
The image is probably not display:block (they are inline by default), and so using margin: 0 auto won’t do anything. Try either adding text-align:center to your .col-centered, or setting your image tag to display:block (with margin: 0 auto). Best I can do without seeing more of the surrounding styles.
You can set them as featured image of custom post type and then call it within the while loop for displaying all the contents of the custom post type. <?php $args = array(‘post_type’ => ‘your_custom_post_type’); query_posts( $args ); while (have_posts()) : the_post(); // check if the post has a Post Thumbnail assigned to it. if … Read more
You can add an extra !important tag. @media (min-width: 1300px) { #header-wrap { padding-top: 192px!important; } #logo { padding: 10px 0 43px 0!important; width: 80%!important; } #content { padding-top: 100px!important; } }
Try using display instead of float: .site-nav ul li { list-style: none; display: inline; }