Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 9, 2015 at 3:59 pm #516526
    mips1000

    How can we have the facebook icon which is set to show up in the header, show up in a nice blue background color icon, rather than a light gray color with transparent background. Currently it only shows a nice blue background color on that icon, when you hover over that icon.
    Please advise.

    Thank you,
    Mips.

    October 9, 2015 at 4:02 pm #516529
    Yigit

    Hi mips1000!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top #wrap_all .av-social-link-facebook a {
    color: #fff;
    background-color: #37589b;
}

    Cheers!
    Yigit

    March 9, 2016 at 10:06 am #595418
    goldengate415

    Hi, how do we do the same for all the icons so they are all colors, like the Facebook icon after the above css?

    Thanks

    March 10, 2016 at 6:21 am #596067
    Jordan

    Hey goldengate415!

    To have the background color show for all the icons like the Facebook icon using the CSS code, you have to edit the CSS for each icon separately. For example, to use the code for the Twitter icon, you need to change the background color to the one used for the Twitter icon and change .av-social-link-facebook to .av-social-link-twitter. So the code would look like:

    #top #wrap_all .av-social-link-twitter a {
    color: #fff;
    background-color: ##46d4fe;
}

    Doing this for the other icons will require you to know the background color for the icons as well. Let me know if you need further assistance.

    Regards,
    Jordan

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