Change Color of Social Media Icons

Loving this theme!!! Wondering if there’s a way to change the colors of the social media icons? If so, please do tell.

Hello there,

Use this CSS code and adjust the background color value for the respective social media.

    .ca-social-buttons a[href*="facebook.com"] {
    	background: #456bd1;
    }

    .ca-social-buttons a[href*="twitter.com"] {
    	background: #2e94ef;
    }

    .ca-social-buttons a[href*="google.com"] {
    	background: #e8783b;
    }

    .ca-social-buttons a[href*="linkedin.com"] {
    	background: #fb397d;
    }

    .ca-social-buttons a[href*="instagram.com"] {
    	background: #856654;
    }

    .ca-social-buttons a[href*="vimeo.com"] {
    	background: #64a9d9;
    }

    .ca-social-buttons a[href*="youtube.com"] {
    	background: #df4250;
    }

    .ca-social-buttons a[href*="pinterest.com"] {
    	background: #df4250;
    }

To apply extra CSS code to your site, add it to Appearance > Customize > Additional CSS from dashboard.

Regards,
Kharis

1 Like

Worked like a charm!!! Stay awesome!!!

Great!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

1 Like