Change text color for custom section

[sunday_april]

Hi all,

I need help changing the text color (title + price) of this section on Homepage. The section is custom built and I haven’t been able to change the color

Website: truebond.us

Thanks so much!!!

[tim_tairli]

Paste something like:

.card {
  --color-foreground: 200,0,0;
}

into this sections “Custom CSS” setting.

The value should be R,G,B to be used in rgb() function.

And the benefits of using “Custom CSS” vs editing theme code (as suggested below) are:

1. The effect is scoped to this section only. Gives you more control;
2. It does not break your themes ability to update to newer version.

---

if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it

[devcoders]

Hi @sunday_april

1. From your Shopify Admin, navigate to Online Store > Themes > Edit Code
2. In the Assets folder, open base.css and add your CSS code at the end

.card {
  --color-foreground: 200,0,0;
}

[sunday_april]

@tim_tairli

.card {
  --color-foreground: 200,0,0;
}

Works amazingly. Thank you so much

[sunday_april]

Works amazingly. Thank you so much

[Hannaleesm]

I checked your store truebond.us — nice layout and clean product presentation .

For your specific request about changing the text color (title + price) in your custom section:

In most custom-built Shopify sections, you’ll need to edit the section’s CSS.

Inside your theme editor, check under:
Online Store > Themes > Edit Code > Assets > custom.css (or theme.css)

Add something like:

.custom-section .product-title,
.custom-section .product-price {
color: #000000; /* change to your desired color */
}

If the section has a unique class name, you’ll need to target that specifically.