Is there a way to make the social icons have a custom background image on hover instead of color? Been searching the forums but have found nothing.
Hey jleclair87,
It is possible, but will take quite a bit of css know-how to do so. If you add the image you want have in the background to the library you can then link to that on hover instead of the color, although it may require further adjustments such as size, etc.
Best regards,
Jordan Shannon
@jleclair87 I would just need the image on hover background changed. I’m not too familiar with CSS. Is there direction you can point me in where i can get help on this (programmer/thread) .
Hi,
Please include the url to the page in question and a link to the image to be used as the background.
Best regards,
Mike
oh Hi @mike, Here you go.
Hi,
Thanks for providing this info. Please try adding the following to quick css:
#top #wrap_all .av-social-link-twitter:hover a{
background:none!important;
background-image:url('https://77.104.145.231/~atouch87/wp-content/uploads/2018/02/socialicon.jpg')!important;
}
#top #wrap_all .av-social-link-dribbble:hover a{
background:none!important;
background-image:url('https://77.104.145.231/~atouch87/wp-content/uploads/2018/02/socialicon.jpg')!important;
}
Best regards,
Jordan Shannon
wow, that works great! thanks so much @shannon
Hi,
No problem at all, I’m glad I could help. Did you need further help on this topic or should I close it?
Best regards,
Jordan Shannon