Re: centre the payment buttons underneath the add to cart button?

Solved

centre the payment buttons underneath the add to cart button?

wh31_wh1222
Excursionist
26 0 4

Hi how can I centre the payment icons underneath the add to cart button?
thanks in advance,

Wassim centre.png

Accepted Solutions (2)

Moeed
Shopify Partner
4320 1110 1361

This is an accepted solution.

Hey @wh31_wh1222 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

<style>
.product-form__buttons {
    max-width: 100% !important;
}
</style>

RESULT:

Moeed_0-1716207444543.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Vinsinfo
Shopify Partner
352 125 118

This is an accepted solution.

@wh31_wh1222 Please follow below steps to center the payment buttons below the add to cart button. Let me know whether it is helpful for you.

 
1. From admin, go to "Online stores" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Go to "base.css" file and paste the below code at the bottom of the file and save changes.

 

.product__info-wrapper .footer__payment {
    max-width: 44rem;
    width: 100%;
}

 

 
Result will be like,
Vinsinfo_0-1716211364587.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 5 (5)

BSSCommerce-HDL
Shopify Partner
1024 345 412

Hi @wh31_wh1222Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

Moeed
Shopify Partner
4320 1110 1361

This is an accepted solution.

Hey @wh31_wh1222 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

<style>
.product-form__buttons {
    max-width: 100% !important;
}
</style>

RESULT:

Moeed_0-1716207444543.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
wh31_wh1222
Excursionist
26 0 4

Thanks alot 🙂

Vinsinfo
Shopify Partner
352 125 118

This is an accepted solution.

@wh31_wh1222 Please follow below steps to center the payment buttons below the add to cart button. Let me know whether it is helpful for you.

 
1. From admin, go to "Online stores" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Go to "base.css" file and paste the below code at the bottom of the file and save changes.

 

.product__info-wrapper .footer__payment {
    max-width: 44rem;
    width: 100%;
}

 

 
Result will be like,
Vinsinfo_0-1716211364587.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
wh31_wh1222
Excursionist
26 0 4

Thank you