Ride Theme: Edit background of cart drawers and pop ups (currently transparent)

[kealanicf]

Hello, I've been trying to figure out how to either increase the opacity or change the color of the cart drawer's and pop-up's background but am having a hard time. Originally they were showing as transparent. From trying different things I've gotten it from transparent to a sheer white but I'm honestly not sure how I did that and I also have a feeling its just a shadow setting and not the actual background color. I haven't seen any option in the theme settings to change this, nor do I know where to edit the code to change it myself. Please help!

Preview link:https://16gv1a2hvr9gjbjz-51548717234.shopifypreview.com

Screenshot attached in zip file

[Lucid_Polygon · Accepted solution]

• Online store > themes > Customize > Theme Settings > Colors > Background 1

This is the color for the cart drawer and shop background together.

[kealanicf]

Thank you so much! I was using the colors from my brand (which was white) as a dynamic source and not actually selecting a color.

[Ahsan_ANC]

Hi,@kealanicf

You can try this code

1. Go to Online Store-> Theme->Edit code
2. Asset-> base.css ->paste the below code at the bottom of the file.

.drawer__inner{ background: #BB6ED8; } .quick-add-modal__content{ background: #BB6ED8; }

[kealanicf]

Thank you!