Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 1, 2013 at 4:56 pm #168844
    tonaua

    I know that to change the color of the icon list I can add .main_color .avia-icon-list .iconlist_icon { background-color: #1180e1!important; } to the quick css. That works. I want to have different colors for each ellement in the list. Is this possible maybe with a separate id for each ellement?

    October 2, 2013 at 6:25 am #169128
    Ismael

    Hello tonaua!

    You can add something like this on your custom.css or Quick CSS:

    .main_color .avia-icon-list .avia_start_animation:nth-child(1) .iconlist_icon.avia-font-entypo-fontello {
background: red;
}

.main_color .avia-icon-list .avia_start_animation:nth-child(2) .iconlist_icon.avia-font-entypo-fontello {
background: blue;
}

.main_color .avia-icon-list .avia_start_animation:nth-child(3) .iconlist_icon.avia-font-entypo-fontello {
background: green;
}

    If you have more than 3 icon list element, just change the number on this line “.main_color .avia-icon-list .avia_start_animation:nth-child(3)”.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Icon List with different colors’ is closed to new replies.