Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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,
    Steve

    #306469

    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: # ;
    }

    #306493

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

    #306514

    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

    #306540

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

    http://www.rehabrescue.solutions

    Thanks

    #306656

    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

    #307041

    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?

    #307119

    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

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