FROM CACHE - en_header
Promotion image

Re: Background colour on policy page changed for desktop but not mobile

Solved

Background colour on policy page changed for desktop but not mobile

aurumlux
Excursionist
17 0 0
‎03-12-2024 10:02 AM

I used the following code and added it to my base.css file. The colour changed for my desktop website but not for my mobile. How do I get it to work for my mobile page too.

 

 

 

 

 

main#MainContent {
    background: #faf9f6 !important;
}

 

 

 

 

 

Labels:
575 Views
0 Likes
Report
Accepted Solution (1)
In response to aurumlux

ThePrimeWeb
Shopify Partner
2138 615 497
‎03-12-2024 11:10 AM

This is an accepted solution.

Maybe add it in the theme.liquid file right below the <head> tag

 

<style>
main#MainContent {
    background-color: #faf9f6 !important;
}
</style>

 

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

ThePrimeWeb_0-1710256210196.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

510 Views
2 Likes
Report
Replies 15 (15)

ThePrimeWeb
Shopify Partner
2138 615 497
‎03-12-2024 10:03 AM

Hey @aurumlux,

 

Can you share the link to your store please? Thank you

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!
573 Views
1 Like
Report
In response to ThePrimeWeb

aurumlux
Excursionist
17 0 0
‎03-12-2024 10:23 AM

aurumlux.co.uk - password is "globetrotter". Still under construction :@

566 Views
0 Likes
Report
In response to aurumlux

ThePrimeWeb
Shopify Partner
2138 615 497
‎03-12-2024 10:32 AM

Maybe try this?

 

#MainContent > section .gradient {
    background-color: #faf9f6 !important;
}

#MainContent > section:has(> .banner) .gradient {
    background-color: transparent !important;
}
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!
560 Views
1 Like
Report
In response to ThePrimeWeb

aurumlux
Excursionist
17 0 0
‎03-12-2024 10:38 AM

Didnt work unfortunately

556 Views
0 Likes
Report
In response to aurumlux

ThePrimeWeb
Shopify Partner
2138 615 497
‎03-12-2024 10:40 AM

The site I'm seeing is already in that colour. Are you working on a draft theme? If so can you send me the preview link to that theme instead?

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!
554 Views
1 Like
Report
In response to ThePrimeWeb

aurumlux
Excursionist
17 0 0
‎03-12-2024 10:44 AM

I think you may have misunderstood. The background colour on desktop is fine. However, on mobile the background colour is still white on the policy pages but everywhere else the colour matches.

546 Views
0 Likes
Report
In response to aurumlux

aurumlux
Excursionist
17 0 0
‎03-12-2024 10:44 AM

on the policy page^ but everywhere else the colour matches

545 Views
0 Likes
Report
In response to aurumlux

ThePrimeWeb
Shopify Partner
2138 615 497
‎03-12-2024 10:46 AM

Hey! I was talking about mobile.

I'm seeing it in the pale colour on mobile as well. 

 

I checked all the policies, return, privacy, and shipping. Which one are you talking about?

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!
541 Views
1 Like
Report
In response to ThePrimeWeb

aurumlux
Excursionist
17 0 0
‎03-12-2024 10:56 AM

IMG_0449.png

 when I go on my mobile it still shows this white colour across all policy pages so It may just be my phone then and yes I sent u the updated theme

528 Views
0 Likes
Report
In response to aurumlux

ThePrimeWeb
Shopify Partner
2138 615 497
‎03-12-2024 11:02 AM

Try incognito, I used iPhone too. I had the colour you wanted. Same page.

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!
515 Views
1 Like
Report
In response to ThePrimeWeb

aurumlux
Excursionist
17 0 0
‎03-12-2024 11:06 AM

Still no luck, tried it on 2 phones as well. very strange

514 Views
0 Likes
Report
In response to aurumlux

aurumlux
Excursionist
17 0 0
‎03-12-2024 11:07 AM

im going to try a different browser on my phone

513 Views
0 Likes
Report
In response to aurumlux

ThePrimeWeb
Shopify Partner
2138 615 497
‎03-12-2024 11:10 AM

This is an accepted solution.

Maybe add it in the theme.liquid file right below the <head> tag

 

<style>
main#MainContent {
    background-color: #faf9f6 !important;
}
</style>

 

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

ThePrimeWeb_0-1710256210196.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!
511 Views
2 Likes
Report
In response to ThePrimeWeb

aurumlux
Excursionist
17 0 0
‎03-12-2024 11:15 AM

thank you very much

501 Views
0 Likes
Report

OmenSkincare
Visitor
1 0 1
‎05-04-2024 11:38 PM

Hello,

 

I had the same problem just right now and it too me hours to solve the problem, and it was a tiny problem. First of all if you have any edit codes to solve this go ahead and remove them because it has nothing to do with this. 

 

Solution: I am pretty sure you used the template that shopify suggested for the policies and made few changes, if you did, go ahead and select that and then change color to white click "save" and then change it back to black (or the color you desire). Go under settings page on your home screen of shopify, and then look for "Policies" and then follow the steps that I just told you for EACH policy. 

 

Let me know if this works because it did for me. 

255 Views
1 Like
Report

Community Blog Articles

page_thumb_platform Cropped.png
Get ready for peak holiday selling season 2024

By investing 30 minutes of your time, you can unlock the potential for increased sales,...

By Jacqui Sep 11, 2024
03 leaderboard.webp
Highlights | Top Contributors August '24

We appreciate the diverse ways you participate in and engage with the Shopify Communi...

By JasonH Sep 9, 2024
Jacqui_0-1725391911908.jpeg
Recap | An AMA with 2H Media: Marketing Your Shopify Store!

Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...

By Jacqui Sep 6, 2024
Terms of Service Privacy Policy