Dawn | Change "continue shopping" color in cart drawer

Store Design
, ,
1

Is there a way to change this button color? It’s in the cart drawer.

Background color and text color.

Thanks!

Untitled.png
Untitled.png585×930 40 KB

1 Like
2

Hi @Ell_Soll , go to edit code > snippets > cart-drawer.liquid and look for this:


                {{ 'general.continue_shopping' | t }}

Replace it with:


                {{ 'general.continue_shopping' | t }}

Then go to assets > base.css and add this:

.continue-shopping-btn{
background-color:blue;
color:#fff;
}

Replace ‘blue’ and ‘#fff’ with the colours you’d like. :slightly_smiling_face:

1 Like
3

@Ell_Soll

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.drawer__inner a.button {
    background: #121212;
    color: #fa96d4;
}
1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
button.link.button-label {
    background-color: #000;
    color: #ffffff;
    padding: 10px;
}

ZestardTech_0-1677758801758.png
ZestardTech_0-1677758801758.png1634×750 97.6 KB

1 Like
5

Hello @Ell_Soll

.cart-drawer__empty-content > a.button {
   background: #00ff00;
   color: #ffffff;
}

Please hit Like and Mark it as a Solution if you find our reply helpful.

An award-winning North American Shopify Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.

1 Like
6

Thank you all!

1 Like
7

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.