How can I change the title color in the Dawn theme?

Topic summary

A user needed help changing the title color on their ‘Contact Us’ page from purple to black in the Dawn theme. Multiple solutions were provided:

Working Solution:

  • Insert custom CSS code into the theme.liquid file (before the </body> tag)
  • Target the heading with: h1.main-page-title.page-title.h0 { color: #000 !important; }
  • The user confirmed this code successfully fixed the issue

Follow-up Issue:
After applying the fix, the user noticed other headings on the site now appear paler in comparison to the corrected ‘Contact’ page heading. They requested a way to make all headings consistently the same deep black color.

Alternative Approach:
One responder suggested using the Easy Edits app to make changes without touching code directly. The user tried this but encountered a ‘404 page not found’ error for some pages.

Current Status:
The original color issue is resolved, but the user is seeking additional code to standardize all heading colors across the website.

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

Hi

I have one page on my website - ‘contact us’

where the title - GETIN TOUCH - is in purple and not in black like i want

can anyone help me to fix this please?

https://qf0yuppvx0kydp37-57300123695.shopifypreview.com

Go to Online Store > Themes > 3 dots button > Edit code > theme.liquid and add this below tag


Hello @Self1007

I would like to give you some recommendations to support you. Glad to support you today.

You can check out my suggestion below to get your concern resolved.

You can follow these steps:

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

I hope you find the answer helpful or if you need further support, do not hesitate to reach out to us.

Best regards,
GemPages Support Team

Hi!

Here’s a code snippet that’ll work:

{% style %}
h1.main-page-title.page-title.h0 {
    color: #000 !important;
}
{% endstyle %}

Insert that into your theme.liquid file (online store > themes > click ‘…’ on the theme you want, then ‘edit code’). Insert it at the bottom of the file, right before the ‘’ tag.

Alternatively, you can also use the app Easy Edits to make the edit yourself without touching any code. You can make the edit and delete the app without paying for anything, and keep the edits.

Fair disclaimer, Easy Edits is an app I’ve worked on. If you need any help inserting the code or using the app, just let me know!

Thank you

i used the code and this really helped

Is there a code i can put in to make all the headings on my website the same deep black now? as the others seem paler than the ‘contact’ page now

https://c22kbdriq8k56vkr-57300123695.shopifypreview.com

Thanks in advance

I did get the app and tried it that way first but unfortunately it was saying ‘404 page not found’ for some of my page sin the easy edits app…im not sure how to fix this.

Hi! You could change the hex code in the code I sent (“#000”) to whatever color you’d like to match the other text. It looks like the headings are all the same color based on inspecting your site’s code, so I’m thinking you may have solved it!

In regards to the app, thank you for testing it out! I can seem to get the error you’re talking about, but if you’d like to see if I can help you troubleshoot (and get a free sub) shoot me an email at michaelbuildsapps@gmail.com!

I’m glad the first code worked, and let me know if you still need help or any more code for the other headers!