How can I improve alignment in my abandon cart email?

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!

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

Thank you! x

Charlotte

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 (to center text) and
(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,

Hi @Primroseliving ,

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

You can use text-align: center . Ex:

## text-align: center:

Hope it helps!

1 Like

Hi, @LitExtension !

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

Warm regards,

1 Like

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

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,

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.

Thank you so much, @LitExtension .

That would be very much appreciated.

Warm regards,

1 Like

Hi Again!

I’m ever so sorry to trouble you, but I’m still having trouble with making my logo and the top text central.

I’ve taken a screenshot of the code, and how it is appearing. Could you kindly just help guide me with making it central please?

Thank you again!

Charlotte

Hi @Primroseliving ,

Please find ‘shop-name__cell’ and add code here:

Code: style=“text-align: center”

Hope it helps!

1 Like