Change Text Color

Store Design
, , , , , ,

Topic summary

A Shopify store owner needs to change caption text color to pure black on mobile for their site (takeoverapparel.com). The issue involves text displayed over images or banners.

Proposed Solutions:

  • CSS modification approach: Add custom CSS code to the base.css file targeting .rich-text__caption classes with color: black !important;
  • Theme customizer approach: Use the built-in custom CSS section within the banner settings and add h2 {color: black !important;}

Current Status:

Multiple responders report they cannot see the content in question when viewing the site, suggesting either:

  • The issue was already resolved
  • The content was removed or modified
  • Access/visibility issues

The original poster has not confirmed whether the problem is resolved or provided updated details about the missing content.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

How do I change both of the caption text to pure black? This is only on mobile. The website is www.takeoverapparel.com, and the password is takeover.

Screenshot 2025-06-27 at 8.39.33 PM.png
Screenshot 2025-06-27 at 8.39.33 PM.png2880×1800 382 KB

2

Hey @takeoverapparel ,

In order to make the color of the captions pure black then you need to paste the following code in the end of base.css file.

Here is how you can find the base.css file.

Go to Shopify Admin >> Click on Online Store >> Themes >> Edit Code >> base.css >> Go to the end of this file and paste the following code.

.rich-text__caption.caption-with-letter-spacing.caption-with-letter-spacing--small {
  color: black !important;
}

This will ensure the color of the Both Captions Black.

Results:

The_ScriptFlow_0-1751076312981.png
The_ScriptFlow_0-1751076312981.png1167×680 21.8 KB

3

Hi there @takeoverapparel try this out

Go to online store and customize, in the section where you have the banners at the bottom right side go to custom css and add the following code:

h2 {color: black !important;} and save.

4

Hi @takeoverapparel , Thanks for your queries. However, the content is not available now in your store. We always prefer to solve it from theme customization. If it is not there, then you have to add custom css to resolve this kind of design issues. As the content is not available, its quite difficult to provide you a perfect solutions.
Thanks!

5

Hi @takeoverapparel

I did not see the content you mentioned on the homepage when checking on my phone. May I know if it is resolved or not?

Jenny6_0-1751276119430.png
Jenny6_0-1751276119430.png439×799 135 KB

If you still need further support on this issue, please share more details here. Thank you!