Abandon Cart Email Body / Alignment

Primroseliving
Excursionist
24 0 7

Hi Everyone, 

 

This is most likely a very easy solution, but I'm not very confident on coding and breaks, etc. 

 

I'm trying to centre my logo and the text, and make a few spaces in my abandon cart email so it flows a little bit better. This is how it currently looks - I hope that makes sense! 

 

Screenshot 2021-11-22 at 13.14.24.png

 

If anyone could kindly help me, I would be very appreciative. 

 

Thank you! x

Charlotte 

Replies 6 (6)
Olivia
Shopify Staff
791 74 142

Hi, @Primroseliving.

 

Thanks for your question.

 

To better help you, please provide us with the email template you are using. It's possible that simple elements such as <center> (to center text) and <br> (to insert breaks) tags will do the trick, but it's best to see what code you are already using. 

 

I look forward to your reply,

 

Olivia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

LitExtension
Shopify Partner
1985 330 405

Hi @Primroseliving,

Refer https://www.w3schools.com/cssref/pr_text_text-align.ASP

You can use text-align: center . Ex:

<h2 style="text-align: center;">text-align: center:</h2>

Hope it helps!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
Olivia
Shopify Staff
791 74 142

Hi, @LitExtension!

 

Thank you so much for sharing your advice, I trust @Primroseliving will find this helpful.

 

Warm regards,

Olivia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Primroseliving
Excursionist
24 0 7

Thank you so much for your help! Sorry, should I put the code before or after the text? 

Olivia
Shopify Staff
791 74 142

Thanks for the reply, @Primroseliving.

 

In the example provided by, @LitExtension, the code would render each line in a H2 tag as centered, regardless of where you place it. Here's some detailed documentation on using CSS to center text. 

 

I will also let, @LitExtension, chime in on any additional advice.

 

Warm regards,

Olivia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

LitExtension
Shopify Partner
1985 330 405

It will be added directly in the HTML tag, if you don't know, just send me the full HTML code of the mail. I will check and guide you in detail.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!