Why isn't my webpage text appearing in pure white?

Store Design
, ,

Topic summary

A user is experiencing an issue where webpage text (on pages like About Us and Contact) appears in the background color instead of pure white, including a button on the product page.

Solutions Provided:

Multiple developers offered CSS code snippets to add to the base.css file:

  • Dan-From-Ryviu suggested targeting .rte elements with opacity and color adjustments
  • suyash1 recommended a simpler approach modifying paragraph (p) elements with color: #fff and opacity: 1 !important
  • oscprofessional provided more specific selectors targeting .rte>p:first-child and markdown prose elements
  • Beae_Cass proposed an alternative solution involving adding markup code before the </body> tag in the theme.liquid file

Resolution:

The issue was resolved using suyash1’s CSS solution, which successfully rendered the text in pure white. The user confirmed this approach worked best for their needs.

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

As I said I’m trying to have the text in my pages (about us, contacts, etc) in pure white but it tends to be like my background colour, even with the button on the product page. I cant find any solutions. https://easeastore.com/pages/about-us

2

Hi @Vick2

Please add this code at the bottom of your base.css file in your Online store > Themes > Edit code > Assets

.rte p.light { opacity: 1 !important; }

Screenshot 2023-09-18 at 15.09.33.png
Screenshot 2023-09-18 at 15.09.33.png1049×676 64.4 KB

1 Like
3

@Vick2 - add this css to the very end of your base.css file and check

p{opacity:1 !important; color:#fff;}
1 Like
4

Hello

@Vick2

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.

p.markdown.prose.w-full.break-words.dark\:prose-invert.light {
    color: #fff !important;
}
.rte>p:first-child {
    color: #fff !important;
}
1 Like
5

Hi @Vick2 ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

1 Like
6

Thanks, yours is the one that got me the purest white

1 Like
7

@Vick2 - nice to know it worked for you, do let me know if you have any more updates, you have my email below.