Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 26, 2013 at 11:49 am #23841
    web_line

    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?

    Thanks!

    Detlef

    May 26, 2013 at 7:59 pm #121328
    MikehJPP

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

    Yes. It should…using !important is !tedious

    May 27, 2013 at 2:04 am #121329
    Ismael

    Hi,

    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.

    Cheers,

    Ismael

    May 27, 2013 at 5:30 am #121330
    web_line

    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!

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