Align to Center the Button in Confirmation Email

Solved

Align to Center the Button in Confirmation Email

Joshua2
Shopify Partner
7 0 3

Just want to ask how to set these Buttons here to center in Confirmation Email?

 

I have tried to insert code same on the logo and paragraph but it is not working. Thank you!

 

1.png2.jpg

Accepted Solution (1)

Vinsinfo
Shopify Partner
491 167 171

This is an accepted solution.

@Joshua2 Please follow the steps below to center the buttons in the order confirmation email:

 
1. From the admin panel, go to "Settings" -> "Notification".
2. Click on "Customer notifications" -> "Order confirmation".
3. Click "Edit Code".
4. Paste the following code in the specified places as shown in the screenshot:
a. After `class="actions__cell"` (at the first occurrence), paste:

 

style="display: flex; justify-content: center;"

 

b. After `class="link secondary-action-cell"`, paste:

 

style="margin-top: 0"

 

Vinsinfo_0-1726035689399.png
 
5. Save the changes.
 
Result will be like,
Vinsinfo_1-1726035394077.png

 

 
Please support us by clicking "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 3 (3)

GTLOfficial
Shopify Partner
829 171 187

HEllo @Joshua2 
 It seems like the text inside your button is aligned in the center.
to align button in the center, please provide URL of your website.

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

Vinsinfo
Shopify Partner
491 167 171

This is an accepted solution.

@Joshua2 Please follow the steps below to center the buttons in the order confirmation email:

 
1. From the admin panel, go to "Settings" -> "Notification".
2. Click on "Customer notifications" -> "Order confirmation".
3. Click "Edit Code".
4. Paste the following code in the specified places as shown in the screenshot:
a. After `class="actions__cell"` (at the first occurrence), paste:

 

style="display: flex; justify-content: center;"

 

b. After `class="link secondary-action-cell"`, paste:

 

style="margin-top: 0"

 

Vinsinfo_0-1726035689399.png
 
5. Save the changes.
 
Result will be like,
Vinsinfo_1-1726035394077.png

 

 
Please support us by clicking "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
Joshua2
Shopify Partner
7 0 3

It worked! thank you so much for the help!

 

Joshua2_0-1726194380541.png