Solved

How to resize the add to cart button in booster theme

giancabs
New Member
5 0 0

The Product page content is set to full width as it is our preference but the add to cart button takes the whole right side half as well. How to change that. Also, how to add margins on the right side columns for other blocks. Thank you.

giancabs_0-1713435967609.png

 

Accepted Solution (1)
LuffyOnePiece
Shopify Partner
504 76 91

This is an accepted solution.

Hi @giancabs ,

 

Add below css to style.css file.

@media screen and (min-width: 768px) {

.product__atc .button {
    max-width: 350px;
}

.shopify-payment-button {
    max-width: 545px;
}

form.shopify-product-form {
    margin-right: 40px;
}
}

 


If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184

View solution in original post

Replies 7 (7)

LuffyOnePiece
Shopify Partner
504 76 91

Hi @giancabs ,

 

Can you please share a preview url so that I can help you out?

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
LuffyOnePiece
Shopify Partner
504 76 91

Hi @giancabs ,

 

The dev tool is off for the website so We cannot fix without the inspecting.

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
giancabs
New Member
5 0 0

How can I turn it on?

LuffyOnePiece
Shopify Partner
504 76 91

This is an accepted solution.

Hi @giancabs ,

 

Add below css to style.css file.

@media screen and (min-width: 768px) {

.product__atc .button {
    max-width: 350px;
}

.shopify-payment-button {
    max-width: 545px;
}

form.shopify-product-form {
    margin-right: 40px;
}
}

 


If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
giancabs
New Member
5 0 0

Thank you! This worked. How about for the accordion and images? How to add margin to the right side?

giancabs
New Member
5 0 0

There is no section-main-product.css under assets in our code