Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 20, 2016 at 1:13 pm #568584
    krestien

    Hi Enfold-Team!
    I would like my social icons in the header and footer to change their colour to white on hover. I think it was the default setting but since I added a custom icon they stay black. In my custom CSS I have the lines 

    #top .av-social-link-bloglovin:hover   a{color: #ffffff !important; background-color:#4dbd33 !important;}
#top .av-social-link-instagram:hover   a{color: #ffffff !important; background-color:#00cdcd !important;}

    to change the hover background for these two icons to a custom colour which is working well. But I also included the colour change to white which isn’t working. I tried several CSS-solutions I found on this board but nothing seems to work.
    Is there a simple CSS-line which does this for me or could you provide another solution?
    Best regards!

    January 20, 2016 at 3:27 pm #568670
    Andy

    Hey krestien!

    use this code instead:

    #top .social_bookmarks li:hover a {
color: white !important;
}

    Regards,
    Andy

    January 21, 2016 at 10:52 pm #569619
    krestien

    Thanks Andy, worked perfectly!

    January 22, 2016 at 9:29 am #569835
    Rikard

    Hi,

    Great, glad we could help :-)

    Thanks,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.