Down theme code dropdown menus background on the right and in the bottom of the page

Store Design
,
1

Hi guys! I need help with all my drop down menu. I’m coding using the info on the net, but I can’t find how to set a background on these drop down menus:

Immagine 2023-08-25 124138.jpg
Immagine 2023-08-25 124138.jpg1781×777 63.7 KB

Immagine 2023-08-25 124210.jpg
Immagine 2023-08-25 124210.jpg1821×778 53.7 KB

If you can tell me also how to set the color of the search bar and card icon (first yellow box in the top), I will appreciate!

2

Hi @Wild2

Would you mind to share your Store URL website? with password if its protected. Thanks!

3

Hey @Wild2

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

4

Hello @Wild2 ,

With your drop down menu, you can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file or theme.scss.liquid file

Add this following code at the bottom of page

.dropdown-selector {
    background-color: rgba(255, 255, 255, 1);
}

Save and preview

Hope this can help.

Transcy

5

Hi @Wild2

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css, theme.css, or style.css

.dropdown-selector {
    background-color: #fff !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

6

Sorry guys but I’m not feeling comfortable sharing the psw.
By the way I partially solved with these codes:

.js-contents .cart-item {
background-color: #ffffff;
}
table.cart-items tr {
background: #ffffff;
}
.cart-drawer-right span.h3, .cart-drawer-right input.cart-item-quantity {
color: #ffffff;
}

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