Tagged: header, hover, social icons
Hi,
The social icons in the header on this site. http://www.virtlab.dreamhosters.com/ are only showing up on hover. My client would also like them to be square with slightly rounded corners. I could use some help.
Thank you so much
Hey kenn_milkshakemedia,
I see that the icons are white by default, and your page is white. Try this code at the end of your General Styling > Quick CSS field, it makes the white icons stand out by adding a gray square background, which changes to color on hover.
.social_bookmarks li {
background: gray !important;
border-radius: 4px!important;
margin-right: 2px!important;
}
#top #wrap_all .av-social-link-facebook:hover a {
background-color: #37589b!important;
border-radius: 4px!important;
}
#top #wrap_all .av-social-link-twitter:hover a {
background-color: #46d4fe!important;
border-radius: 4px!important;
}
Best regards,
Mike
Mike,
That did the trick. Thank you so much for your quick and complete help.
Cheers,
Kenn
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Mike