Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 19, 2014 at 6:49 pm #306462
    svreatt

    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,
    Steve

    August 19, 2014 at 7:04 pm #306469
    KirinDesign

    If 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 #306493
    svreatt

    Thanks, but they’re still grey until you roll over them.

    August 19, 2014 at 8:55 pm #306514
    Yigit

    Hey!


    @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,
    Yigit

    August 19, 2014 at 9:44 pm #306540
    svreatt

    No, I want them to be colored in their non-hover state.

    http://www.rehabrescue.solutions

    Thanks

    August 20, 2014 at 9:02 am #306656
    Yigit

    Hi!

    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!
    Yigit

    August 20, 2014 at 8:12 pm #307041
    svreatt

    Thanks 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
    Ismael

    Hey!

    No, it’s not possible to add a widget on the header without modifying the theme files. You can insert your own social icon codes or modifications on includes > helper-main-menu.php file which holds header objects like menu, social icons, logo etc.

    Best regards,
    Ismael

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