centre the payment buttons underneath the add to cart button?

[wh31_wh1222]

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

Wassim

[Moeed · 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:

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

Best Regards,
Moeed

[BSSCommerce-HDL]

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

[Moeed · 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:

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

Best Regards,
Moeed

[wh31_wh1222]

Thanks alot 🙂

[Vinsinfo · 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,

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[wh31_wh1222]

Thank you