Change text color for specific text blocks on Product page - Spotlight Theme

Store Design
, , ,
1

Can anyone provide guidance for how I would change the color of specific text blocks on my product page? I need these 4 blocks to have red text. I’m using the Spotlight Theme.

Thanks!

Store site is StickerSIMPS.com

Product Page.png
Product Page.png2098×1414 329 KB

1 Like
2

Hey @StickerSIMPS

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 tag

RESULT:

Moeed_0-1700592008971.png
Moeed_0-1700592008971.png1181×821 171 KB

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

Best Regards,
Moeed

1 Like
3

Hi @StickerSIMPS

Check this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
p.product__text.inline-richtext:not(p.product__text.inline-richtext.caption-with-letter-spacing) {
    color: red !important;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
4

Thanks! But this changes all text blocks, not just those select 4. The other response ended up working for me. Thanks again for your help though!

5

Thanks so much! This is exactly what I needed!

1 Like