How to fix my transparent quick add background

[ExoticSouls]

Hello, can someone give me the code to fix this transparent background whenever you click the choose options button? I want it to be white, Any help is greatly appreciated!

My site is https://royalsurge.shop/collections/all 

[DaveedValencia]

you have two ways to do this:

Easy way: add the following css code anywhere in your theme.

.quick-add-modal__content-info {
  background: #fff!important;
}

Correct way: find the file "quick-add.css" and add the background here

.quick-add-modal__content-info {
  --modal-padding: 2.5rem;
  padding-right: 4.4rem;
  display: flex;
  overflow-y: auto;
  padding: var(--modal-padding);
  height: 100%;
  background: #fff;
}

[ExoticSouls]

Thank you so much! Also behind the product is still transparent, how can i make that white too? Thanks in advance!

[DaveedValencia]

go to your "base.css" file and update the following code:

.media--transparent {
  background-color: #fff;
}

[thescriptflow]

Hey @DaveedValencia nevermind the code you provide will work globally. So consider provide code that work just that @ExoticSouls want.

Thanks

[thescriptflow]

Please paste this code in the end of quick-add.css file.

.quick-add-modal[open]{
    background: #0000005c !important;
}
.quick-add-modal__content-info{
    background: white !important;
}

Results are amazing:

Paste this code and check and thanks me later by like it and mark is solution.

[ExoticSouls]

Thank you! Behind the product is still transparent, how can i make that white too?

[thescriptflow]

yes here is updated code.

.quick-add-modal[open]{
    background: white !important;
}
.quick-add-modal__content-info{
    background: white !important;
}

[ExoticSouls]

Sorry, i wanted the blue area to still be transparent but the red area to be white!! Let me know what i can do for that!

[thescriptflow]

Do this please.

.quick-add-modal[open]{
    background: white !important;
}
.quick-add-modal__content-info{
    background: transparent !important;
}

[ExoticSouls]

That doesn't work. Same opposite of how i want it.

[thescriptflow]

I want more clarification please.