How can I change the background of cart screen? XTRA Theme

Solved
inailuser987
Excursionist
22 0 6

Hi devs, 

 

I'm looking to change the background color of the Shopify cart menu that appears on the side, how would I be able to change it? Also, if possible, how can I change the text inside the cart menu. 

 

Here's my website and the image corresponding to my problem:

 

inailsupply.com

 

how do I change cart background..PNG

 

Best,

 

iNail

Accepted Solution (1)
GemPages
Shopify Partner
5586 1259 1118

This is an accepted solution.

Hello @inailuser987 

 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code.

2. Open your Assets/screen.css.liquid theme file.

3. Add CSS to end file:

 

.has-panels #root .m6pn{
   background: green;
}

 

You can also change the text color:

 

.has-panels #root .m6pn.toggle *:not(.overlay-tertiary) {
    color: blue;
}

 

Result:

 

Screenshot at Dec 23 00-10-01.png

 

Please change the color you want.

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 2 (2)
GemPages
Shopify Partner
5586 1259 1118

This is an accepted solution.

Hello @inailuser987 

 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code.

2. Open your Assets/screen.css.liquid theme file.

3. Add CSS to end file:

 

.has-panels #root .m6pn{
   background: green;
}

 

You can also change the text color:

 

.has-panels #root .m6pn.toggle *:not(.overlay-tertiary) {
    color: blue;
}

 

Result:

 

Screenshot at Dec 23 00-10-01.png

 

Please change the color you want.

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
inailuser987
Excursionist
22 0 6

Hi GemPages,

 

Thanks again for the solution, it is much appreciated! Also, is there any way to change the pink background from the "Order for $...."? I inspected the element but I can't seem to find the pink color element anywhere.

 

Best,

 

iNail