How to change font color of page heading

I want the font color of my heading of all of my pages (about us, shipping info, etc.) to be white. I have tried multiple codes and can not change the font color from it’s original dark grey. I am using the Dawn theme. I have been able to change the color of the body text and the background color, but this is it.

  • Bricked.nyc
1 Like

Hi @brickednyc

Its password protected.

Password is off now.

Thanks for the info, check this one.

  1. From you Admin page, go to Online Store > Themes
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. Then place the code below at the very bottom of the file.
.main-page-title, .rte.scroll-trigger h4 {
    color: white;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

h1.main-page-title.page-title.h0.scroll-trigger.animate--fade-in { color: #fff !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

1 Like