Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 25, 2022 at 3:37 pm #1349422
    navindesigns

    Please remove the hover colors on the social icons on the very top and footer on my site

    Live site – http://balrajt9.sg-host.com/

    April 26, 2022 at 9:02 am #1349471
    Rikard

    Hey navindesigns,

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

    ul.social_bookmarks li:hover a {
  background-color: transparent;
}

    Best regards,
    Rikard

    April 26, 2022 at 9:17 am #1349476
    Guenni007

    And if you like to have a little effect on hovering – maybe you deside to have a text-shadow on them:
    ( default rule has a lot of ID’s on that rule – so maybe Rikards code will not work this way )

    #top #wrap_all .social_bookmarks li:hover a, 
#top #wrap_all .social_bookmarks li:hover a:focus {
  background-color: transparent !important;
}

#top #wrap_all .social_bookmarks li:hover a {
  text-shadow: 2px 2px 2px #000;
}
    April 26, 2022 at 11:12 am #1349502
    Rikard

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

    April 29, 2022 at 4:05 am #1349899
    navindesigns

    Thanks

    The hover is gone but if you click on the icons and then go back and hover on the icon you can still see the hover colors

    Home

    April 29, 2022 at 11:58 am #1349947
    Rikard

    Hi,

    Please try this CSS as well:

    .social_bookmarks a:focus {
    background-color: transparent !important;
}

    Best regards,
    Rikard

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