Why doesn't changing my site's background color affect the contact page?

Solved

Why doesn't changing my site's background color affect the contact page?

holyhalvah
Tourist
10 0 1


Hello!
 
When I change the general background color of my site it does not effect the contact page - it leaves a strip around the page title that I am not able to change anywhere. I am unable to find theme.scss.liquid as mentioned in some other posts.
 
Thanks,
Tobias

Screen Shot 2024-02-06 at 14.01.08.png

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2139 616 520

This is an accepted solution.

Hey @holyhalvah,

 

Just follow these instructions 😊

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

 

<style>
section.section.shopify-section {
   background-color: black !important; 
}

section.section.shopify-section h1 ,
section.section.shopify-section h2 ,
section.section.shopify-section p,
section.section.shopify-section span,
section.section.shopify-section div {
    color: white !important;
}
</style>

 

 

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1707321423306.jpeg

 

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 7 (7)

ThePrimeWeb
Shopify Partner
2139 616 520

Hey @holyhalvah,

 

Can you share the link to your store?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
holyhalvah
Tourist
10 0 1

https://b2467a-3.myshopify.com/pages/wholesale-inquiry

 

The issue pertains to both contact pages on our site, wholesale inquiry and contact. Thanks!

ThePrimeWeb
Shopify Partner
2139 616 520

Hey @holyhalvah,

 

It's password protected. Can you share the website password

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
holyhalvah
Tourist
10 0 1

I removed the password thank you!

ThePrimeWeb
Shopify Partner
2139 616 520

This is an accepted solution.

Hey @holyhalvah,

 

Just follow these instructions 😊

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

 

<style>
section.section.shopify-section {
   background-color: black !important; 
}

section.section.shopify-section h1 ,
section.section.shopify-section h2 ,
section.section.shopify-section p,
section.section.shopify-section span,
section.section.shopify-section div {
    color: white !important;
}
</style>

 

 

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1707321423306.jpeg

 

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
holyhalvah
Tourist
10 0 1

Worked like a charm thank you!

damien68
Excursionist
25 0 6

Hi @ThePrimeWeb  I implemented the code in my theme as well and the problem is that some of my buttons ( add to card or payment buttons) are in black. and the text in black as well the result is  that at the end we are not able to see the text. Could you maybe try to fix that ? Thank you

There is an example of my problem : 

damien68_0-1717952070707.png