How to center text to "add to cart" button

Store Design
1

Hello, I was wondering if it’s possible to center align the "Free shipping to U.S. and Canada" to the “add to cart” button? pic below

Capture.JPG
Capture.JPG1217×920 70.2 KB

website: www.ecogarby.com

password: eco

2

Hi @Acid2Rain ,

Welcome to the Shopify community. Thanks for asking a good question on community! I’m here to help you.

As I see your query and found I can help you. Please follow the below steps

Steps:

  1. Open the theme editor from backend of the Shopify.

  2. Look for the styles.css file under asset folder.

  3. Copy the below code and paste at the bottom of the styles.css file.

  4. Save the file.

  5. Refresh your screen now.

Note: this code is only for the mobile device if you also need the changes on desktop so it need the custom changes on code. Which you need to hire a Shopify expert.

@media only screen and (max-width: 767px){
    .product-sections .product-text p {
        text-align: center;
    }
}

Thanks

3

@Aashish_Bhatt thank you!