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 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; } }
If your file working without query string then you can remove the query string by adding the following into functions.php // Remove WP Version From Styles add_filter( ‘style_loader_src’, ‘sdt_remove_ver_css_js’, 9999 ); add_filter( ‘script_loader_src’, ‘sdt_remove_ver_css_js’, 9999 ); // Function to remove version numbers function sdt_remove_ver_css_js( $src ) { if ( strpos( $src, ‘ver=” ) ) $src … Read more
Well, currently two different ways are coming to my head- One way could be, using ultimate-style-min-css as a dependency of your child theme style.css– /** * Say this below function is your theme enqueue */ function the_dramatist_child_theme_scripts(){ wp_enqueue_style (‘your-child-theme-css’,’YOUR CSS URL HERE’, array( ‘ultimate-style-min-css’ ), null, ‘all’); } add_action(‘wp_enqueue_scripts’,’the_dramatist_child_theme_scripts’); Another would be using wp_dequeue_style first … Read more
Slowed down the pace of edits and thought it through … working now! The padding-top compensates for a tendency of the button to sit too high. .alignleft-luke5 { width:70%; height:200px; float: left; } .alignright-luke5 { width:30%; height:200px; float: left; padding-top:0.8em; }
It seems you are looking for body_class() You can read more here A solution for adding a body class to a specific page template: add_filter( ‘body_class’, ‘custom_class’ ); function custom_class( $classes ) { if ( is_page_template( ‘page-example.php’ ) ) { $classes[] = ‘example’; } return $classes; } The result on the front-end: <body class=”page page-id-7 … Read more
Use Below CSS to achieve your goal, make min-width of button_bar to auto and hide the button_text @media (max-width:849px){ .meshim_widget_components_chatButton_Button .button_bar{min-width:auto;} .meshim_widget_components_chatButton_ButtonBar .button_text{display:none;} } Thanks
It solely depends on you. You can go with both the options. As you are developing the custom wordpress theme from scratch you can add the code into themes default style.css. If you are using any another css file the better way to do it is to insert it directly into the header file in … Read more