Change remove from cart button

Hi, thanks in advance for your help with this.

I'm trying to change my shopping cart so it's easier to see how to remove an item. Right now, to remove an item you click the little "X" to the right of the item. How can I change this to a button that says "Remove"?

Here's the address of my site. Thanks!

https://cyan-perch-hsd2.squarespace.com/config/design

@tuanphanThat worked perfectly, thank you!

A couple of things about the button styling I could use help with:

1. There is no space between the amount in the cart and the Remove button.
2. I'd like the Remove button to have rounded corners (not square) like the rest of the buttons on the site.

Please see the attached picture to see what I'm talking about, thanks!

Actually, I figured out those two button styling issues, and now have two others I'd like help with. Please see image.

1. I'd like the "Remove" button to change the background (dark blue = #144CAF) and font color (white) on hover.
2. I'd like the name of the product, the price and the remove button to all be vertically centered in the product listing line. Right now the name of the product and the price are higher on the line than the quantity and the "Remove" button.

Thanks for your help with this!

On 7/10/2023 at 7:51 AM, Renarde4 said:

Actually, I figured out those two button styling issues, and now have two others I'd like help with. Please see image.

1. I'd like the "Remove" button to change the background (dark blue = #144CAF) and font color (white) on hover.
2. I'd like the name of the product, the price and the remove button to all be vertically centered in the product listing line. Right now the name of the product and the price are higher on the line than the quantity and the "Remove" button.

Thanks for your help with this!

 

Hi,

I see you solved both?