Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #23841

    I would like to overwrite the color of the icon list items:

    .iconlist_icon {

    background-color: #e1e1e1;

    border-color: #e1e1e1;


    the custom.css definition gets cleared by a definition within enfold.css. Shouldn’t the custom.css file be the last one to be considered? Where can I place my custom colors if I like to define a different color for the icon list then for the border colors?




    “Shouldn’t the custom.css file be the last one to be considered?”

    Yes. It should…using !important is !tedious



    You can place them on your Quick CSS. You need to target the exact element. We need to use !important because there are declarations that are more specific than the one we use on custom.css. One rule of CSS is based on specificity, with the more specific selector “winning” over more general ones. The theme contains thousands of declarations from different style sheets. Even us cannot know for sure which exact selectors should be use on a specific case.




    The Quick CSS will be loaded even before the custom.css – sorry but your answer is a little bit to generic.

    I think with the class “iconlist_icon” I’m as specific as I can be ;)

    But “!important” did it – so this problem is solved for me – thanks MikehJPP!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘customs CSS Iconlist’ is closed to new replies.