style.css not working but customizer additional css does?

There’s nothing special about CSS in WordPress. It follows the same rules of specificity that apply everywhere else. This means that the order of rules are can affect how they’re applied. In WordPress the styles from plugins are typically output after the styles from themes, and styles from Additional CSS are output last. So if … Read more

Font .woff files loaded don’t correspond to the displayed styles [closed]

Don’t know why but this solved the problem @font-face { font-family: “Computer Modern”; src: url(‘http://localhost/sitename/wp-includes/fonts/latex/cmunrm.woff’); } @font-face { font-family: “Computer Modern”; src: url(‘http://localhost/sitename/wp-includes/fonts/latex/cmunti.woff’); font-style: italic; } @font-face { font-family: “Computer Modern”; src: url(‘http://localhost/sitename/wp-includes/fonts/latex/cmunbx.woff’); font-weight: bold; } @font-face { font-family: “Computer Modern”; src: url(‘http://localhost/sitename/wp-includes/fonts/latex/cmunbi.woff’); font-weight: bold; font-style: italic; }

New Styles Not Rendering On Mobile Phone and Tablet

Can you see the changes in an incognito window on mobile? If so, then its most likely a mobile cache issue and a common way to fix that is by adding a version number to your css file i.e. wp_enqueue_style( ‘my-main-styles’, get_stylesheet_directory_uri() . ‘/style’ . $suffix . ‘.css’, array(), $version_number_here ); If breaking the cache … Read more

Cannot add a class to metabox

You didn’t mention the library you’re using to generate this meta, but i guess it’s the cmb2 library, if it’s so then you should change your array params as follow : array( ‘label’ => esc_html__( ‘Property Lot Size’, ‘zoacres’ ), ‘desc’ => esc_html__( ‘Enter lot size of property by number. Do not use any special … Read more

How to remove padding from left&right side

Instead of setting up margin/padding. Try setting up max-width of full-container a <div> next to site-main: body.responsive.layout-full #page-wrapper .full-container { max-width: 95%; margin-left: auto; margin-right: auto; } You can change max-width to your desired percentage value.

Img load while refreshing

You are resizing your logo in your css, giving that flash of unstyled content on load/reload. It’s original size is 150x150px. You have at least two options: Change it for a smaller version (75x75px), avoiding the jarring resize. Alter the css to make it display:none (like your other logos) and make it fade in with … Read more