Solved

Change Color Of Social Icons In Footer Pipeline 6.4.0

mj2023
Excursionist
18 0 3

I've reviewed solutions in several KB articles however, they did not work. I am trying to change the color of the social icons to #BC8D7F.

Accepted Solution (1)
Moeed
Shopify Partner
3529 888 1105

This is an accepted solution.

Hey @mj2023 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.footer__icon--social path {
    fill: #BC8D7F !important;
}
</style>

RESULT:

Moeed_0-1704580426677.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App

View solution in original post

Replies 7 (7)

mj2023
Excursionist
18 0 3

Screenshot 2024-01-06 163207.png

Moeed
Shopify Partner
3529 888 1105

Hey @mj2023 

 

Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App
mj2023
Excursionist
18 0 3

I don't wish to share the website or credentials on this public forum. Is there another way to share this?

Moeed
Shopify Partner
3529 888 1105

Hey @mj2023 

 

You can share it with me privately in private messages.

 

Best Regards,

Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App
Moeed
Shopify Partner
3529 888 1105

This is an accepted solution.

Hey @mj2023 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.footer__icon--social path {
    fill: #BC8D7F !important;
}
</style>

RESULT:

Moeed_0-1704580426677.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App
mj2023
Excursionist
18 0 3

This worked! Thank you so much 🙂

Moeed
Shopify Partner
3529 888 1105

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App