Cannot change colour of additional pages in Dawn theme

Solved

Cannot change colour of additional pages in Dawn theme

Jack10
Tourist
3 0 0

Hello, 

 

When adding a new page on Shopify Dawn theme, some of that page isn't taking on the colour scheme of the rest of the site. It's happening for the same section of two new pages I have added to my site. 

 

Please see images for reference. The blocks which say 'Impact' and 'Contact' should have black background & white text like the rest of the site, but they are not working in that way. Unlike the rest of the site, when I click on 'Page' there is nowhere to amend the colour scheme

 

Jack10_0-1726312818749.png

Jack10_1-1726312841769.png

 

Accepted Solution (1)
Moeed
Shopify Partner
5323 1437 1723

This is an accepted solution.

Hey @Jack10 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

 

<style>
body {
    background: #121212 !important;
}
.main-page-title {
    color: white !important;
}
</style>

 

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 6 (6)

Moeed
Shopify Partner
5323 1437 1723

Hey @Jack10 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Jack10
Tourist
3 0 0

Hey @Moeed

 

Does this link work for you? https://8afb12-85.myshopify.com/?_ab=0&_fd=0&_sc=1

 

Thanks!

Moeed
Shopify Partner
5323 1437 1723

This is an accepted solution.

Hey @Jack10 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

 

<style>
body {
    background: #121212 !important;
}
.main-page-title {
    color: white !important;
}
</style>

 

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Jack10
Tourist
3 0 0

Thank you! This worked 🙂 

Moeed
Shopify Partner
5323 1437 1723

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


PaulNewton
Shopify Partner
7032 629 1481

@Jack10 👋 this is by design the contact page uses it's OWN template to style FORMS, as it shows in the sidebar for Preview > Contact

Read the manual https://help.shopify.com/en/manual/online-store/themes/os20/theme-structure/templates#create-a-new-t... 

Spend a weekend or three in the manual your business depends on you know the system your using.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org