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

Store Design
, , , , ,
1

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:

how do I change cart background..PNG
how do I change cart background..PNG1175×954 47 KB

Best,

iNail

2

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
Screenshot at Dec 23 00-10-01.png1392×986 188 KB

Please change the color you want.

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

1 Like
3

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