How can I fix white text on my product page after changing header transparency?

Topic summary

A user encountered an issue where text turned white on their product page after attempting to make the header transparent on their Shopify store.

Solution Provided:

  • Add custom CSS code to the theme’s base.css file
  • Target specific elements: accordion titles, icons, and price containers
  • Use color: #000 !important to force text to black

Current Status:

  • The CSS fix partially worked
  • Text color changed but not fully to black as intended
  • User is asking how to adjust the color options further

The discussion remains open as the user seeks additional guidance to complete the color correction.

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

While trying to make the header part transparent, I messed up the texts and they turned white, I can’t straighten them, how can I fix it? my website:Chiwears.com

Hello @ReaNMe

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

h2.h4.accordion__title.inline-richtext {
    color: #000 !important;
}

@ReaNMe
Hello,

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

h2.h4.accordion__title.inline-richtext, .icon-accordion, .price__container span, .price__container s {
	color: #000 !important;
	fill: #000 !important;
}

Like This

thanks it worked but still not black around the color options how can I do that?