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

Store Design
1

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

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

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

Screen Shot 2022-09-09 at 7.05.30 PM.png
Screen Shot 2022-09-09 at 7.05.30 PM.png2370×1050 266 KB

1 Like
3

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;
}
1 Like
4

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.

5

Thank you!