Shopify themes, liquid, logos, and UX
Hi,
I am using the Dawn theme, and I would like my Add to Cart button to be wider in general and to remove the black border box around it. Below, I am attaching a screenshot to show exactly what I mean.
Here is my link: https://shopapexaura.com/products/manual-apple-peeler-with-stainless-steel-blades
Solved! Go to the solution
This is an accepted solution.
HI @ApexAura,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.product--no-media .product-form>.form {
max-width: 100% !important;
width: 100%;
}
@media (max-width: 768px){
.product--no-media .product-form>.form {
max-width: 100% !important;
width: 100%;
}
.product-form__submit .button:after{
border-radius: 25px !important;
}
}
This is an accepted solution.
HI @ApexAura,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.product--no-media .product-form>.form {
max-width: 100% !important;
width: 100%;
}
@media (max-width: 768px){
.product--no-media .product-form>.form {
max-width: 100% !important;
width: 100%;
}
.product-form__submit .button:after{
border-radius: 25px !important;
}
}
Hey, Thank you for your help, it worked
You're welcome! @ApexAura
2m 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, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025