How do I change the style of the "Empty Cart" to match the buttons of my theme?

Store Design

Topic summary

Align and style the “Empty Cart” control in a Shopify cart to match the theme’s “Checkout” and “Go to cart” buttons. The original link worked functionally but lacked proper styling and centering.

An initial HTML snippet produced a styled button but also left a duplicate “Empty Cart” text, resulting in two instances. The helper advised removing the old link HTML and asked for the store URL to provide exact code; private messaging limitations briefly impeded sharing access.

A revised HTML snippet was then provided with clear guidance on exactly where to insert it in the cart template (shown via screenshot), plus an output example. This resulted in a single, centered, properly styled “Empty Cart” button consistent with the theme.

Outcome: The solution worked as intended; the original poster confirmed success.

Status: Resolved. Images were important for indicating code placement and demonstrating the final appearance.

Summarized with AI on January 2. AI used: gpt-5.
1

Can anyone help me change the “Empty Cart” button to where it is aligned in the center, just like the “Checkout” and “Go to cart” buttons. I have pasted the code

Empty Cart

However I do not know how to style the button.

AsianFoodGrocer_0-1711122634701.png
AsianFoodGrocer_0-1711122634701.png413×253 7.45 KB

The link works and it empty the cart however I would like the design to be a little bit better

2

Hello @AsianFoodGrocer

Welcome to Shopify Community.

Can you please add below code and check

Empty Cart

Thanks

3

Thanks for the fast reply. I pasted the code under like you said and this is what it gave me

AsianFoodGrocer_0-1711123212816.png
AsianFoodGrocer_0-1711123212816.png410×263 9.2 KB

The button looks nice as well, however I have 2 “Empty Cart” buttons. What should I do to get rid of the black “Empty cart” letters?

4

Wait can you please share your store URL so I will give the exact HTML to add and you can remove all the old link HTML added so there will be only one Empty Cart button.

5

I am trying to send you the password to my store through your inbox however it will not let me do it because, it said "none of the users have PM enabled, I am assuming that personal message, I will see if I can enable mines and hopefully you can enable yours, so I can send you the password to my store, for we are not live yet and do not people on this thread trying to purchase anything yet.

6

Hello Thanks for waiting.

Please add below HTML

Empty Cart

it should be added here in the HTML:

Sweet_Savior_3_0-1711125377646.png
Sweet_Savior_3_0-1711125377646.png1901×1027 280 KB

OUTPUT:

Sweet_Savior_3_1-1711125412645.png
Sweet_Savior_3_1-1711125412645.png1238×1033 165 KB

BTW your site is really cool. Nice UI.

Thanks

1 Like
7

Thank you so much and that code worked perfectly :grinning_face: , and thank you also for the compliments on the site, you are truly a life saver :+1: