Shopify themes, liquid, logos, and UX
Hi there,
Is there a way to change the cart button in the checkout? I tried the normal settings, but it does not give me the option. As you can see, the logo is black and I would like to have the cart button black as well. Is there some sort of code I can implement to make this happen?
Best regards,
Ernesto
Hi,
Hope this will help
- For Basic Shopify add css at css file
Example of css code
/* Make cart button black */
.cart__checkout-button,
.cart__footer .btn {
background-color: #000000 !important; /* black */
color: #ffffff !important; /* white text */
}
- For Shopify plus add css at checkout.liquid
CSS example
/* Change checkout cart icon button to black */
.checkout__header__cart {
filter: brightness(0); /* Makes icons black */
}
You can also target a specific button class with css
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025