Social media icons - How do I change the individual colors

Solved
FitWithOsh
Excursionist
29 0 2

On the bottom of my page, I have some social media icons, I wanted to know where the code is located that defines the colors.  I wanted to change them to reflect the colors of their brand (Facebook blue, Instagram orange, etc).

I've found this page that would create a code (https://ui-elements-generator.myshopify.com/), but I'm having trouble finding the element to replace, and I would prefer just to change a simple number.

0 Likes
JHKCreate
Shopify Partner
2499 412 595

Hi @FitWithOsh 

Would you mind sharing your store's URL so we can have a look at that?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
FitWithOsh
Excursionist
29 0 2
JHKCreate
Shopify Partner
2499 412 595

This is an accepted solution.

Hi @FitWithOsh 

Use the following code and change the follow for each color you want to add:

svg.icon.icon-facebook {
    color: blue;
}

svg.icon.icon-twitter
{
    color: blue;
}
svg.icon.icon-pinterest
{
    color: blue;
}
svg.icon.icon-instagram
{
    color: blue;
}


Make sure to add this at the end of your theme.css file.

If that solves your issue please don't forget to like and mark our reply as a solution!

Cheers

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
FitWithOsh
Excursionist
29 0 2

Thanks, it worked perfectly.

0 Likes
JHKCreate
Shopify Partner
2499 412 595

Cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes