Shopify text color is grey on black background

Store Design
, ,

Topic summary

A store owner is experiencing a visibility issue where some text appears grey against a black background, making important details difficult to read. The problem affects multiple pages on their Shopify store.

Proposed Solutions:

Two different approaches have been suggested:

  1. CSS injection via theme.liquid: Add custom CSS code above the </body> tag in the theme.liquid file (though the specific CSS code wasn’t fully captured in the conversation)

  2. Direct CSS modification: Edit the section-main-page.css file by adding .main-page-title { color: #fff !important; } to force the main page title to white

Status: The discussion remains open with no confirmation from the original poster about whether either solution resolved the issue. Both solutions involve editing theme code files, which requires access to the store’s code editor.

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

There are a couple of pages where most of my text is white and then some is grey. I need to change this because important details are grey instead of white. My shopify store url is grimr3ality.com

2 Likes
2

Hi @Grimr3ality
can you please share store URL?

3

Hey @Grimr3ality

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-1738316852870.png
Moeed_0-1738316852870.png1895×909 246 KB

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

Best Regards,
Moeed

4

Grimr3ality.com

5

@Grimr3ality

  1. Go to Online Store

  2. Edit Code

  3. Find assets//section-main-page.css file

  4. Add the following code in the bottom of the file .

.main-page-title {
  color: #fff !important;
}

Thanks!