Add a border to Check Out button Spotlight theme


Hi. What’s the best way to add a border to the check out button in the cart of the spotlight theme? Thanks!

Hey @lori17 ,

Please place the below-provided code to your Global Custom CSS and verify.

.cart__footer .cart__blocks .cart__ctas button#checkout {
	border: 2px solid #000000;
}

Steps:

  1. In your Shopify admin, go to Online StoreThemes.
  2. Click Customize.
  3. Click Theme settings.
  4. Click Custom CSS.
  5. Add the above-provided CSS code.
  6. Click Save and Verify.

Thank You.

Hi @lori17
You can try these steps to achieve your result

  1. Go to online storeedit codego to component-cart.css file
    And then add the bellow code
.cart__checkout-button{
   border: 1px solid black;
}

Result:

Thank you! That worked exactly as I needed. I appreciate it!