Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 16, 2015 at 3:20 pm #412200
    DHsolutions

    Hello,

    I need a small help. I have 4 different icons in my footer (social networks) and I would like to pick up a different color for each of them.
    My code in footer is

    • [av_font_icon icon='ue90d' font='entypo-fontello' style='' caption='' link='manually,http://' linktarget='' size='30px' position='center' color='#cccccc'][/av_font_icon]

    I added this to my Quick CSS

    • #footer span.av_font_icon:hover a {
    • color: blue !important;
    • }

    but this code change the hover color for all of them. Is somehow possible to do it separately for each icon?

    Thank you, Regards, David

    • This topic was modified 10 years, 4 months ago by DHsolutions.
    March 16, 2015 at 9:21 pm #412589
    Elliott

    Hi DHsolutions!

    Maybe this would work.

    #footer span.av_font_icon:nth-child(1):hover a { color: blue !important; }
#footer span.av_font_icon:nth-child(2):hover a { color: red !important; }
#footer span.av_font_icon:nth-child(3):hover a { color: green !important; }
#footer span.av_font_icon:nth-child(4):hover a { color: yellow !important; }

    If it does not work then send us a link and we’ll take a look.

    Cheers!
    Elliott

    • This reply was modified 10 years, 4 months ago by Elliott.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.