How can I change the outline color of buttons in my cart drawer?

Store Design
, , , , ,
1

Screenshot 2023-12-03 at 12.44.35.png
Screenshot 2023-12-03 at 12.44.35.png2618×1526 215 KB

Screenshot 2023-12-03 at 12.46.35.png
Screenshot 2023-12-03 at 12.46.35.png2616×1524 191 KB

Hello!

See above, I would like to add an outline to these buttons in my site’s cart drawer, or change the outline from white to green #184F2E

For some reason they’re not green even though the ‘Outline button’ setting is set to this colour.

The site is www.plantedjournal.shop

Any help would be greatly appreciated!

2

Hi @antoinelacour , go to base.css and add the following code:

.cart-drawer__empty-content  .button{
    border: 2px solid #184F2E !important;

}

.cart__checkout-button button{
    border: 2px solid #184F2E !important;
}
3

Hi @Abdosamer

Thanks for your help! This fixed the ‘Continue shopping’ button, however it didn’t do it for the ‘Check out’ button. Any idea what’s going on?

4

@antoinelacour , go to component-cart-drawer.css and add the following :

.cart-drawer .cart__checkout-button {
    max-width: none;
    border: 1px solid #184F2E !important;
}
5

That’s perfect, thank you sir! Would you also be able to help with removing these outlines?: https://community.shopify.com/c/shopify-design/remove-outline-on-payment-buttons/td-p/2342526