How do I change the background color of my cart drawer in the Dawn theme?

Solved

How do I change the background color of my cart drawer in the Dawn theme?

Ashley1231
New Member
4 0 1

761E0498-9402-49AA-8A55-A129E4C43003.jpeg

Hi, 

 

I would like to remove the bright red color on the left of the photo I attached. I want it to be clear instead of red! Pls help. This is the DAWN THEME 

Accepted Solution (1)

EBOOST
Shopify Partner
1189 310 349

This is an accepted solution.

Hi @Ashley1231 ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Assets/base.css
3. Add code below to end of file

cart-drawer.drawer {
 background: none!important;
}

 

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤Coffee tips

View solution in original post

Replies 3 (3)

PageFly-Richard
Shopify Partner
4564 1046 1707

Hi @Ashley1231 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.drawer {
    background-color: rgba(18,18,18 .5) !important;
}
</style>

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

EBOOST
Shopify Partner
1189 310 349

This is an accepted solution.

Hi @Ashley1231 ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Assets/base.css
3. Add code below to end of file

cart-drawer.drawer {
 background: none!important;
}

 

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤Coffee tips

diego_ezfy
Shopify Partner
2969 571 905

Hello @Ashley1231@Ashley1231,

Please share:
1. your store URL;
2. page URL with the issue you mention;
3. storefront password (if your store has one).

If the store is not online yet, kindly share the preview URL.