Navigation
Archive / Make changes via Customizer Custom CSS or via the "style.css" child theme file ?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 20, 2016 at 3:33 pm #1139706
    hbedit
    Participant

    Hello,

    I am using a child theme for my website.

    As you often advice us, i am always making CSS changes directly via Customizer Custom CSS option, instead of making this changes on the “style.css” child theme file, witch is alvailable in “Appearence” options.

    This file is actually empty (on the backend and when i open it via FTP), so i have a doubt : do my changes really apply to my child theme or to the parent theme when i make them through the customizer Custom CSS option ?

    If yes, why this CSS changes are not visibles on the “style.css” file of the child theme ?

    Thanks a lot for your answer !

    August 21, 2016 at 2:33 am #1140102
    Christopher
    Moderator

    Hi there,

    Did you activate chidl theme?
    When child theme is active, you can still add CSS in customizer. Both customizer and style.css file work the same.

    Thanks.

    August 21, 2016 at 9:13 am #1140354
    hbedit
    Participant

    Hello Christopher, thanks for your answer, yes i have activated the child theme.

    I was just wondering why style.css was empty when i make changes on the Customize option. Is it then saved in another file ?

    August 21, 2016 at 11:02 am #1140435
    Christian
    Moderator

    Hey there,

    This is because of CSS Cascading. Inline CSS has more weight than external CSS. style.css is an external CSS and the Customizer’s CSS is added inline. With that said, overriding X styles from style.css won’t work. It should be done in the Customizer. You can write your own styles in style.css though.

    Thanks.

    August 21, 2016 at 5:07 pm #1140652
    hbedit
    Participant

    Hi Christian, thanks a lot for your explanations, it’s more clear for me now !

    August 21, 2016 at 6:50 pm #1140688
    John Ezra
    Member

    You’re most welcome!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1139706 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>