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
Disable CSS specific page for use conditional tag. add_action(‘wp_enqueue_scripts’, ‘my_script’, 99); function my_script() { if(is_page( ‘Page name’ )){ wp_dequeue_script(‘fpw_styles_css’); } } EDIT wp_dequeue_script(‘Your css name or id’); EDIT Please check this link for more : https://developer.wordpress.org/reference/functions/wp_enqueue_style/ How to use wp_dequeue_style() for style enqueued in WP_Widget class wp_enqueue_style( ‘my-theme-ie’, get_stylesheet_directory_uri() . “/css/ie.css”); wp_dequeue_script(‘my-theme-ie’);
Your question is off-topic on here, but some quick tips. To print your style, you can use wp_add_inline_style(). find a stylesheet and hook to it to print your styles, instead of using style link in a script link (which obviously won’t work). This is an example for you, which goes in your theme/child-theme’s functions.php file: … Read more