Product page help

Product page help

FebruaryBloom
Excursionist
13 0 4

Screenshot 2024-12-03 at 09.46.29.png

 

On EVERY product page I have a section that displays 'text with icons' - I'd love to change every single product in one go to colour 1C1C1C instead of having to do it manually to each product - can anyone help me please?

www.february-bloom.com 

Replies 5 (5)

Moeed
Shopify Partner
6614 1788 2173

Hey @FebruaryBloom 

 

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>
.text-with-icons * {
    color: #1C1C1C !important;
}
</style>

RESULT:

Moeed_0-1733217176353.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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


FebruaryBloom
Excursionist
13 0 4

Just to clarify - the white background to black 1C1C1C and the text to white - so inverted 🙂

FebruaryBloom
Excursionist
13 0 4

Yep! 🙂 

Guleria
Shopify Partner
3953 791 1123

Hello @FebruaryBloom ,

 

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your theme.css file and paste the following code at the bottom:



.text-with-icons * {
    color: #1C1C1C !important;
}

 

Note: Use this css in theme.css or theme custom css option.
Don't use ay code in theme.liquid until it is much necessary.

 

If problem solved don't forget to Like it and Mark it as Solution!
And if you need help with customization/code part you can contact me for services

You can find the email in the signature below.

 

Thanks

- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

steve_michael2
Trailblazer
441 38 55


Hi @FebruaryBloom 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.text-with-icons * {
    color: #1C1C1C !important;
}

 

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!