Solved

centre the payment buttons underneath the add to cart button?

wh31_wh1222
Tourist
9 0 1

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
3878 980 1224

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Vinsinfo
Shopify Partner
302 112 107

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 Expert
688 216 230

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 or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Moeed
Shopify Partner
3878 980 1224

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
wh31_wh1222
Tourist
9 0 1

Thanks alot 🙂

Vinsinfo
Shopify Partner
302 112 107

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
Tourist
9 0 1

Thank you