Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #168844

    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?

    #169128

    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

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Icon List with different colors’ is closed to new replies.