How to change Text Colour in specific block?

Store Design

Topic summary

Goal: Change text color from white to black in two blocks on a Shopify product page (“Why our customers like Cosybabe” and “30 day happiness guarantee”).

Proposed approaches:

  • Edit theme stylesheet (base.css) and target the specific section ID to set the title color to black. One reply also advises using a brighter background image so black text remains readable.
  • Add Custom CSS directly to those sections, targeting the rich-text heading class (rich-text__heading) to set color to #000 (black).
  • Use a more specific selector in base.css that targets the section ID and the h2 rich-text heading; example shown sets it to red, demonstrating where and how to apply the rule. An image attachment illustrates where to paste CSS in the editor.

Key details:

  • Changes rely on CSS selectors tied to section IDs (shopify-section-template–…) and the rich-text heading class.
  • “base.css” is the main theme stylesheet; “Custom CSS” can be applied per section.

Status: Multiple solutions provided; no confirmation from the original poster, so resolution is unconfirmed.

Summarized with AI on January 12. AI used: gpt-5.
1

On this product page >> https://toltano.com/products/cosybabe-3-piece-knit-set

I want to change the text colour from White to black in the blocks that say “Why our customers like Cosybabe” and “30 day happiness guarantee”

But I cannot see how to do this through the editor

Can anyone help?

1 Like
2

Hello @nvisibl1 :waving_hand:

To change that text color to black, in Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

#shopify-section-template--21528359305489__44505c28-ffda-4116-acf2-f1e3389178ee .title {
    color: black;
}

You also need to change the background image to brighter image in the editor to make the black text visible.

1 Like
3

Hi @nvisibl1

You can do that by adding this code to Custom CSS of those section

.rich-text__heading { color: #000; }
4

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:
section#shopify-section-template--21528359305489__88063f11-f3a0-4c1d-b21a-6fbfcd444512 h2.rich-text__heading.rte.h1 {
color: red;
}

ZestardTech_0-1700715349316.png
ZestardTech_0-1700715349316.png1442×271 10.3 KB