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]

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 tag

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;
}