Make the Add to Cart button wider and remove the black border box

Solved

Make the Add to Cart button wider and remove the black border box

ApexAura
Visitor
2 0 0

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

IMG_3391(2).jpg

 

Accepted Solution (1)

CodingFifty
Shopify Partner
613 97 116

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;
}
}

CodingFifty_0-1738420997005.png

 

 

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

View solution in original post

Replies 3 (3)

CodingFifty
Shopify Partner
613 97 116

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;
}
}

CodingFifty_0-1738420997005.png

 

 

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
ApexAura
Visitor
2 0 0

Hey, Thank you for your help, it worked

CodingFifty
Shopify Partner
613 97 116

You're welcome! @ApexAura 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com