Change social icons colors

Hello,

Is there any way to force the most current full-color social icons? I’m using X and Renew stack.

Or even just changing them to a lighter color?

www.craftsmanpizza.com

THANK YOU!

1 Like

Hi There,

Please try adding the following CSS under Customizer > Custom > Global CSS:

.x-social-global a {
    color: #d7433c !important;
}

Thank you…that works great for the icon itself.

I should have been better about explaining; how to change the background lighter so it stands out more.

THANK YOU!

Hello there,

That’s no problem at all - thank you for keeping us updated! :slight_smile:

To change the background colour of the social icons, please use the following CSS code (Customizer > Custom > Global CSS):

.x-social-global a {
    background: #999 !important;
}

You may change the #999 with any HEX color code you like.

For HEX codes and a full color picker, please see: https://www.w3schools.com/colors/colors_picker.asp

I hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.