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

[inailuser987]

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

 

Best,

iNail

[GemPages · 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:

Please change the color you want.

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[inailuser987]

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