Dawn Theme: "VIEW MY CART" button is wider than my "ADD TO CART" pop up container

Store Design
1

When I press “add to cart” there is a pop up notification that appears. The button that says “VIEW MY CART” is wider than the pop up container and it bleeds out on the right hand side. Does anyone know how I can make this button work the same way as the two buttons below?

Please help me code this!

URL: https://pleasedontbetaken.myshopify.com/products/datacell-1

Password: lutred

Thanks!

2

Hello @SebastianL ,

Add this css in base.css at the bottom

a#cart-notification-button {
    padding: 0 !important;
}

Thanks

1 Like
3

Thanks a bunch! That worked.

Another quick question. How do I change the text colour of the “Check out” button. I want to change it from blue to white.

Appreciate your help mate!

4

Add this css

.cart-notification__links .button.button--primary.button--full-width {
    background-color: #fff !important;
}
1 Like
5

Thanks again! This worked.

Note: I changed it to “color” instead of “background-color” in order to change the text colour and not the button colour.

1 Like
6

@SebastianL

Add this code.

.product-form__submit {
    margin-bottom: 1rem;
    border: 1px solid blue !important;
}
1 Like
7

I’m happy as it is now, thank you though @Mr_RaviRaj .