Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
This is an accepted solution.
Hello @SebastianL ,
Add this css in base.css at the bottom
a#cart-notification-button {
padding: 0 !important;
}
Thanks
This is an accepted solution.
Hello @SebastianL ,
Add this css in base.css at the bottom
a#cart-notification-button {
padding: 0 !important;
}
Thanks
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!
Add this css
.cart-notification__links .button.button--primary.button--full-width {
background-color: #fff !important;
}
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.
Add this code.
.product-form__submit {
margin-bottom: 1rem;
border: 1px solid blue !important;
}
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025