Changing the color of the top header / social media icons?

Hey transformmedia,

For the top header, you can modify it in Enfold > General Styling > Logo Area (tab) > Alternate Background color.
As for the social media icons, the first codes are for changing their colors and background color, the 2nd one is still for changing colors and background colors when they are hovered.
Youtube:

#top #wrap_all .av-social-link-youtube a {
    color: #fff;
    background-color: #a72b1d;
}

#top #wrap_all .av-social-link-youtube:hover a {
    color: #fff;
    background-color: #a72b1d;
}

Facebook:

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

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

Instagram:

#top #wrap_all .av-social-link-instagram a {
    color: #fff;
    background-color: #a67658;
}

#top #wrap_all .av-social-link-instagram:hover a {
    color: #fff;
    background-color: #a67658;
}

Hope this helps.

Best regards,
Nikko

Hi sbarino,

Thanks for providing the link :)
Can you try adding this css code in Quick CSS:

#top .av-logo-container .social_bookmarks li a {
    border-radius: 0 !important;
}

#top #wrap_all .av-social-link-instagram:hover a {
    background-color: transparent !important;
    color: #a7a7a7 !important;
}

Best regards,
Nikko

Hi sbarino,

Glad we could help :)

If you need further assistance please let us know.
Best regards,
Victoria