Brooklyn Theme --> Return To Cart Page edit

Solved
Tourist
6 0 1

Hi,

How can I edit my "Your Cart" page? Specifically the buttons on the bottom right that say "Update Cart" and "Checkout."

 

The problem I'm having is that the "Checkout" button is high on transparency and when you hover over it almost disappears. I want to change colors, font size, style, etc. Thanks.

0 Likes
Trailblazer
554 134 176

Hi, @LLW19 ,

This is Evita from On The Map.

 

To edit your Cart buttons you will have to add CSS code. Can you add your store URL, so I could show you how to edit the button?

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Tourist
6 0 1
0 Likes

Success.

Trailblazer
554 134 176

Add this CSS code to Assets/theme.scss.liquid

// Checkout btn
.cart__checkout {
    // This will look like the update cart button, you can change the color as you like.
    background-color: #ff5252;
}
// Checkout btn on hover .cart__checkout:hover { background-color: #ed5555!important; } // Update cart btn .update-cart { background-color: #ff5252; }
// Update cart btn on hover
.update-cart:hover {
background-color: #ed5555!important;
}

Now two buttons will look the same. 

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like
Tourist
6 0 1

OTM, do I just add this code to the top of theme.scss.liquid? 

0 Likes
Highlighted
Trailblazer
554 134 176

Add this to the bottom.

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like
Tourist
6 0 1

Thanks, it worked!

1 Like