-
AuthorPosts
-
August 19, 2014 at 6:49 pm #306462
I’ve searched and haven’t found a solution to adding color social icons to the header. Is there a way to use a widget in the header and add them that way? I have all of the colored icons that I want to use. I just can’t figure out how to add them. My client insists on having colored social icons so they stand out.
Thanks, great theme,
SteveAugust 19, 2014 at 7:04 pm #306469If you’re using the social media icons in the very top of the header, this code will work:
#top .av_header_glassy.av_header_transparency .social_bookmarks li, #top .av_header_glassy.av_header_transparency .social_bookmarks li a {
color: # ;
}August 19, 2014 at 7:48 pm #306493Thanks, but they’re still grey until you roll over them.
August 19, 2014 at 8:55 pm #306514Hey!
@svreatt Can you post the link to your website please? Would you like to have your social icons colored as their hover state?
@kirindesign Thank you for your help!Regards,
YigitAugust 19, 2014 at 9:44 pm #306540August 20, 2014 at 9:02 am #306656Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top #wrap_all .av-social-link-linkedin a { color: #fff; background-color: #419cca; } #top #wrap_all .av-social-link-twitter a { color: #fff; background-color: #46d4fe; } #top #wrap_all .av-social-link-gplus a { color: #fff; background-color: #de5a49; } #top #wrap_all .av-social-link-facebook a { color: #fff; background-color: #37589b; } #top #wrap_all .av-social-link-youtube a { color: #fff; background-color: #a72b1d; } #top .social_bookmarks li a { width: 40px; line-height: 35px; min-height: 40px; } #top .social_bookmarks li { width: 40px; }
Cheers!
YigitAugust 20, 2014 at 8:12 pm #307041Thanks for your help. What I’m really wanting to do is use real colored icons. They look much better. Any way to add a widget to the header to I can load a plug-in there?
August 21, 2014 at 3:36 am #307119 -
AuthorPosts
- You must be logged in to reply to this topic.