Why is my heading font color different than my paragraph font color?

Store Design

Topic summary

A user is experiencing inconsistent font colors between headings and paragraphs on their Shopify store. They provided a preview link to demonstrate the issue.

A proposed solution was offered:

  • Navigate to Online Store → Theme → Edit code → Assets → base.css
  • Add CSS code targeting specific text elements to force the color to #fff (white) with !important
  • The code specifically targets .rich-text__text.animate-scroll-trigger.animated-slide-in p elements

The solution aims to override existing styles and ensure consistent coloring across text elements. The issue appears to be a CSS specificity or inheritance problem where paragraph styling differs from heading styling.

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

https://7c7615-2.myshopify.com/

It’s dawn theme btw

2

@noobnoobqestio
Hello, Can You Please Share the Store Password your store its password protected so can you please share Store Password?

3

Here is the preview link:

https://2k2fwj1m0b2du3l0-79321956639.shopifypreview.com

4

Hello @noobnoobqestio

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.

.rich-text__text.rte.scroll-trigger.animate--slide-in p {
    color: #fff !important;
}
1 Like