Solved

How can I change the color of a button on my cart page?

Dike
Pathfinder
105 1 41

Hello everyone,

I would like to have the color changed of a button on my cart page. The color I would like to have is #F3896F. I want to keep the white text.

Screen Shot 2021-11-15 at 19.22.01.png

URL: https://glowee.nl/
Cart page: https://glowee.nl/cart

Any help is greatly appreciated!

Thank you.

Accepted Solution (1)

Nick_Marketing
Shopify Partner
1487 336 464

This is an accepted solution.

Hi!

Try adding this code to the bottom of base.css

.cart__checkout-button.button {
  background: #f3896f;
  box-shadow: none;
}

.cart__checkout-button.button:hover {
  background: #f3896f;
  box-shadow: 0 0 0 .2rem #f3896f;
}

 

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).

View solution in original post

Replies 3 (3)

Nick_Marketing
Shopify Partner
1487 336 464

This is an accepted solution.

Hi!

Try adding this code to the bottom of base.css

.cart__checkout-button.button {
  background: #f3896f;
  box-shadow: none;
}

.cart__checkout-button.button:hover {
  background: #f3896f;
  box-shadow: 0 0 0 .2rem #f3896f;
}

 

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).
Dike
Pathfinder
105 1 41

This worked perfectly, thank you!

Nick_Marketing
Shopify Partner
1487 336 464

@Dike  Excellent!

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).