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

Solved

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

SebastianL
Explorer
70 0 20

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!

Accepted Solution (1)

Guleria
Shopify Partner
3997 795 1134

This is an accepted solution.

Hello @SebastianL ,

 

Add this css in base.css at the bottom

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

Thanks

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

View solution in original post

Replies 6 (6)

Guleria
Shopify Partner
3997 795 1134

This is an accepted solution.

Hello @SebastianL ,

 

Add this css in base.css at the bottom

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

Thanks

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
SebastianL
Explorer
70 0 20

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!

Guleria
Shopify Partner
3997 795 1134

Add this css

.cart-notification__links .button.button--primary.button--full-width {
    background-color: #fff !important;
}
- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
SebastianL
Explorer
70 0 20

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.

Mr_RaviRaj
Shopify Partner
505 57 111

@SebastianL 

Add this code.

.product-form__submit {
    margin-bottom: 1rem;
    border: 1px solid blue !important;
}
banned
SebastianL
Explorer
70 0 20

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