How can I change text color to black on my website?

Solved

How can I change text color to black on my website?

empiricalarby
Trailblazer
230 1 53

https://empiricalwater.com/

 

Scroll down to "THIS IS NO MINERAL PACKET"

 

Below that line of text are three lines of text in smaller print, which I need to show up as black instead of navy blue.

 

How can this be accomplished?

 

Thank you

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
11359 2225 2399

This is an accepted solution.

Hi @empiricalarby 

You can add this code to Custom CSS of that section to make them appear in black

.rich-text__blocks h3 { color: #000; }

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

Replies 5 (5)

Moeed
Shopify Partner
7073 1903 2332

Hey @empiricalarby 

 

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>
.rich-text__blocks * {
    color: black !important;
}
</style>

RESULT:

Moeed_0-1700548985519.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


ZestardTech
Shopify Partner
6096 1091 1465

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Bottom of the file:

 

.rich-text__blocks.center h2 {
color: #000;
}

 

ZestardTech_0-1700549005174.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

Dan-From-Ryviu
Shopify Partner
11359 2225 2399

This is an accepted solution.

Hi @empiricalarby 

You can add this code to Custom CSS of that section to make them appear in black

.rich-text__blocks h3 { color: #000; }

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

empiricalarby
Trailblazer
230 1 53

Where others failed, you prevailed. Brilliant, thank you.

Dan-From-Ryviu
Shopify Partner
11359 2225 2399

Happy I could help ❤️

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.