Checkout Background Colour not the same in Desktop vs Mobile views. Why?

Solved

Checkout Background Colour not the same in Desktop vs Mobile views. Why?

Kahuma
Tourist
4 0 2

Hello - is there a way to change the default "subdued" background colour in Checkout? 

 

Here's the issue: as you can see below there are these different coloured areas between sections. I'd like to change these "accent" colours. Is it possible?  

 

Screenshot 2023-08-12 at 10.00.42.png

Screenshot 2023-08-12 at 10.00.51.png

 

The different coloured section breaks are <div> are shown as containers in the developer console

Screenshot 2023-08-12 at 10.04.46.png

 

Screenshot 2023-08-12 at 10.05.40.png

 

Background colour is set to: FCF7EE

Screenshot 2023-08-12 at 09.59.36.png

 

On desktop the colours are more uniform  

Screenshot 2023-08-12 at 09.58.53.png

 

When inspecting with developer console I can see that it has something to do with "x-default-color-background-subdued" because when I uncheck this the colours change to light grey. 

Screenshot 2023-08-12 at 10.06.41.png



Screenshot 2023-08-12 at 10.06.23.png




 

 

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
6827 1629 2007

This is an accepted solution.

Hi @Kahuma 

Would you mind to share your Store URL website? with password if its protected. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 6 (6)

Made4uo-Ribe
Shopify Partner
6827 1629 2007

This is an accepted solution.

Hi @Kahuma 

Would you mind to share your Store URL website? with password if its protected. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Kahuma
Tourist
4 0 2

Hello @Made4uo-Ribe - yes ofcourse its: https://skora.me/

Made4uo-Ribe
Shopify Partner
6827 1629 2007

Oh im sorry. This is the checkout page right? not the cart page? This page can be edited with the shopify plus plan only. The other plan are not allowed to edit it. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Kahuma
Tourist
4 0 2

Yeah I've read that but I thought since I can change the background colour perhaps I could choose the accent colour for the buttons as well. I guess not. Thanks for the info @Made4uo-Ribe 

Made4uo-Ribe
Shopify Partner
6827 1629 2007

Welcome. Im sorry again. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
sndrgb
Shopify Partner
2 0 0

is this the solution?