Check out button in cart drawer

Store Design
, , , ,
1

Hello, could I get some help changing the “Check out” button that shows in the cart drawer to an outline button style similar to the “Restocking soon” outline button style on the page?

Screenshot 2025-02-13 at 4.26.04 PM.png
Screenshot 2025-02-13 at 4.26.04 PM.png3024×1482 236 KB

I’d like the “Check out” button to be no background color, border 1px solid #354b2a, and no highlight border effects that appear when you hover the cursor over the button.

Thank you!

URL: https://rencafenyc.com/

2

Hi @rencafenyc ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

#CartDrawer-Checkout {
  background-color: transparent !important;
  border: 1px solid #354b2a !important;
  color: #354b2a !important;
  text-align: center !important;
}

#CartDrawer-Checkout:hover {
  background-color: transparent !important;
  border: 1px solid #354b2a !important;
  color: #354b2a !important;
  box-shadow: none !important;
}
3

Thank you, but how can I get rid of the highlight effect that happens when the cursor hovers over the button?