change cart drawer color

[Mdb_Gioto]

Hello, how can I chance the cart drawer color? I'd like to have this color: #F4F6F8 . how can I change it?

I use symmetry theme and this is my link store: https://vomeroitaly.com/

thanks

 

[Guleria · Accepted solution]

Hello @Mdb_Gioto ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your styles.css file and paste the following code at the bottom:

.cart-summary-overlay {
    background-color: #F4F6F8 !important;
}

If you need any other help with code part you can drop me an email.

You can find the email in the signature below.

Thanks

[kevinkarma55]

Hi Mdb_Gioto,

K. Karma here again, I don't know if there is a customization setting for it but you can easily change it using code. Follow these steps:

Online Store > Themes > click ... (three dot next to your theme) > Edit code 

Find a file name styles.css

Find a style name matching : 

.cart-summary-overlay {
    position: fixed;
    z-index: 8001;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    background: #000;
    border-bottom: 1px solid #e2e2e2;
    font-size: 14px;
    line-height: 1.4;
    transition: all .5s ease-out;
}

 Do you notice the background property? Change it to your color and SAVE

Hope this helps!