Button text center align

[sunday_april]

Hi all,

I have 2 questions in regards to the ADD TO CART button.

1. Is it possible to reduce the length of the button?
2. How do I make the button text center-aligned? 

Thank you for your help!! 

Page: wooffantasy.com

[Dan-From-Ryviu · Accepted solution]

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

.product-form__buttons .product-form__submit { justify-content: center !important; } 

[Moeed]

Hey @sunday_april 

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__submit {
    max-width: 30rem !important;
    justify-content: center !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[DaisyVo]

Hi @sunday_april 

You can use this code here:

.product-form__buttons button.product-form__submit {
    max-width: 30rem !important;
    justify-content: center !important;
}

You can add in custom CSS field:

Hope this can help!

Best,

Daisy

[GTLOfficial]

Hello @sunday_april 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.product__info-container * {
justify-content: center !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[EvinceDev]

Hello, @sunday_april try this code

.product-form__buttons .product-form__submit {
    justify-content: center !important;
    max-width: 300px;
}