Child-theme style.css don’t work

  • .site-branding {

        color: red;

    }

    Example from doc don’t work from child-theme style.css only from customizer CSS section.

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi there!

    I understand your concern. Since you mentioned that your code works fine, I’d like to understand why you prefer adding the custom CSS code to the style.css file instead of using the Customizer CSS section?

    In the meantime, please try to add the !important in your CSS code. e.g. 

    .site-branding {? color: red !important; }

    To clarify, is it only this specific CSS code that isn’t working in your style.css file, or are other CSS rules in that file also not working? Have you added any other CSS code in your style.css file?

    Please note that we do not provide support for customization, If you want to consider professional assistance for customization, I can recommend?WooExperts?and?Codeable.io?as options for getting professional help. Alternatively, you can also ask your development questions in the??WooCommerce Community Slack?as custom code falls outside our usual?scope of support.

    Thank you for your cooperation and understanding.

    Thread Starter bserg66

    (@bserg66)

    Sorry all work fine.

    I need type:

    .site-branding a {? color: red; }

    Thread Starter bserg66

    (@bserg66)

    Child theme version was less than parent theme version.

    Thread Starter bserg66

    (@bserg66)

    Hello again!

    My child theme style.css is applied only when I change of it version((.

    If I save my code changes in vscode ather way – nothing changes on my site.

    What I doing wrang?

    Thread Starter bserg66

    (@bserg66)

    At Screenshot you can see that all my style.css files are applied in right order:

    https://snipboard.io/HcV3Qi.jpg

    Hi @bserg66,

    It looks like your child theme’s style.css file is being referenced in the code. Have you tried opening the style.css file directly in the browser to check for any errors, or to confirm if the file is missing? Also, try updating the version number in the CSS (e.g., change from 1.0.1 to 1.0.2) to rule out any caching issues.

    Additionally, I recommend testing single elements, like post titles, to ensure each style applies correctly. It’s possible that the .site-branding class is being overridden by the main theme. In this case, using more specific selectors and nesting your CSS may help target the elements accurately.

    Hope this helps!

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.