Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 15, 2015 at 3:28 pm #444974
    Linden_Mobile

    Hi,

    I have an iconlist on the homepage with 3 icons. I want the icons to have 3 different colors.
    Is that possible? Can you help me with that?

    With regards

    May 18, 2015 at 12:37 pm #445586
    Rikard

    Hey Linden_Mobile!

    Please try the following in Quick CSS under Enfold–>General Styling:

    .page-id-15 span.iconlist-char:nth-child(1){
color:blue !important;
}

.page-id-15 span.iconlist-char:nth-child(2){
color:yellow !important;
}

.page-id-15 span.iconlist-char:nth-child(3){
color:green !important;
}

    Cheers!
    Rikard

    May 18, 2015 at 1:08 pm #445599
    Linden_Mobile

    Hi Rikard,

    Your css only changes the icon it self. But I want to change the red cirkel around it.

    And only the first color in your css is used and it is used for alle three icons. So it is not completely right.

    Can you still help me?

    With regards.

    May 19, 2015 at 9:41 am #446275
    Rikard

    Hi!

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details here as a private reply.

    Regards,
    Rikard

    May 19, 2015 at 10:00 am #446283
    Linden_Mobile
    This reply has been marked as private.
    May 20, 2015 at 6:31 am #446928
    Ismael

    Hi!

    Use this to change the background of the icon container:

    .page-id-15 .avia-icon-list li:nth-child(1) .iconlist_icon.avia-font-entypo-fontello {
  background: black !important;
}

.page-id-15 .avia-icon-list li:nth-child(2) .iconlist_icon.avia-font-entypo-fontello {
  background: red !important;
}

.page-id-15 .avia-icon-list li:nth-child(3) .iconlist_icon.avia-font-entypo-fontello {
  background: blue !important;
}

    Best regards,
    Ismael

    May 20, 2015 at 9:20 am #447000
    Linden_Mobile

    It works, thank you!

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