help change the colour of page titles to the same as the content text colour

Store Design

Topic summary

A user needs to change page title colors in their Dawn theme Shopify store to match the content text color. Specifically, they want to change dark purple titles to match pink text (#c7187b) on their contact page.

Two solutions were provided:

  1. Add CSS code to the base.css file targeting h1.main-page-title.page-title.h0 with the desired color
  2. Insert a style block in theme.liquid above the </head> tag with similar CSS targeting .main-page-title.page-title.h0

Resolution:
The user confirmed one solution worked successfully, though noted the color appears pinker in screenshots than on their actual devices. The issue has been resolved with custom CSS code.

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

can someone please help me change the colour of my page titles to the same as what I change the content text of the page to. I updated the colour of the text in the page editor but it wont update the colour of the titles:

https://www.paddingtonbeach.com/pages/contact-1

2

in dawn theme. I need to change the dark purple to the same colour as the text asap. If anyone knows why this happens, please tell me

3

Hi Tashlevy

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file base.css and add this code at the end of the file
h1.main-page-title.page-title.h0 {
    color: rgb(199, 24, 123) !important;
}

Result:

LizHoang_0-1739169252119.png
LizHoang_0-1739169252119.png890Ă—408 23.2 KB

Best,

Liz

4

Hi @TashPB

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code
2/ Search for “theme.liquid” file
3/ Open the file and search for tag and add the following code above tag

Here is the code for Step 3:

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

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you :heart_eyes:

1 Like
5

this worked thank you! ah it looks so much pinker in your screen shot than on my devices

6

thank you! I just tried the above solution