How to change"Cart Drawer" backround colour to white in the code

Store Design
,
1

Hello,

Can someone help me change the cart backround to White please and the outline of the “Quantity selector” to Black via editing code?

“X” Theme

Screenshot 2024-06-05 at 15.35.07.png
Screenshot 2024-06-05 at 15.35.07.png784×1278 47 KB

2

Hi @DBGG ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSCommerceHDL_0-1717599102002.png
BSSCommerceHDL_0-1717599102002.png1902×899 133 KB

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1717599108113.png
BSSCommerceHDL_1-1717599108113.png1916×934 101 KB

Step 3: Insert the below code at the bottom of the file → Save

.Drawer__Content {
    background-color: #ffff !important;
}

.QuantitySelector {
    border-color: black !important;
}

Here is result:

BSSCommerceHDL_2-1717599143485.png
BSSCommerceHDL_2-1717599143485.png1919×878 211 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

Hello @DBGG
go to Online store---------------------> Theme-----------------> edit code--------------> find the Theme.scss file and paste this css code at the very bottom

#sidebar-cart .Drawer__Content {
    background: #ffffff;
}

Please let me know
Thanks

1 Like