Change color on social facebook icon

Hi Paul!

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

Hi,

Yes, please post the link to your website so we can see the social icons you are using to provide you accurate solution.

Best regards,
Yigit

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#top #wrap_all .av-social-link-facebook a {
    color: #fff;
    background-color: #37589b;
}
#top #wrap_all .av-social-link-instagram a {
    color: #fff;
    background-color: #a67658;
}
#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;
}

Best regards,
Yigit

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#top .av-logo-container .social_bookmarks li a {
    font-size: 20px;
}

Best regards,
Yigit

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

.av-social-link-facebook a:before {
  color:#37589b !important;
}

Best regards,
Rikard

Hi,

Where exactly did you add the CSS? Do you have any caching plugins?

Best regards,
Rikard