Navigation
Archive / What is the correct path for icon.css under child theme (in woocommerce)
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 14, 2017 at 1:37 am #1370098
    david
    Participant

    Hello,

    i try to make some css changes to woocommerce.
    i use icon under child theme.
    the path on the x theme is :
    /themes/x/framework/css/dist/site/woocommerce/icon.css

    So i made this file under:

    /themes/x-child/framework/css/dist/site/woocommerce/icon.css

    but changes do not take effect..and i do not like to use !important on the main css on every change.
    Please advice.
    Thank you

    February 14, 2017 at 2:46 am #1370151
    Friech
    Moderator

    Hi There,

    Thanks for writing in! That won’t work, unless you enqueue that custom stylesheet (icon.css) of yours.

    Instead of adding another stylesheet for your site to request, please add your Custom CSS on the child theme’s style.css file.

    Hope it helps, Cheers!

    February 14, 2017 at 9:38 pm #1371338
    david
    Participant

    Thanks
    Did.
    The problem is that on most cases the priority still is on the icon.css that sits in the parent theme and not on my child theme style.css
    Is this the case ?
    Thank you

    February 15, 2017 at 2:00 am #1371522
    Friech
    Moderator

    Hi There,

    No it should not. If your custom CSS on the child theme’s style.css file did not able to overrule the default style from stack css (icon.css) that means your selector is not specific enough. Read more about CSS Specificity here.

    Hope it helps, Cheers!

    February 15, 2017 at 7:10 am #1371868
    david
    Participant

    Thank you

    February 15, 2017 at 7:55 am #1371933
    Paul R
    Moderator

    You’re welcome! 🙂

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