[Solved] Images centred in post become left-aligned in newsletter

Steve Jenkin

A number of my posts begin with a center-aligned image at the very top. When these are imported into a newsletter, these images are becoming left-aligned, which I don't want. Any ideas how I can fix this? Thank you.

[Deleted User]

@steve_123

You can specify css in your newsletter template to centre align the image. 

Newsletters>Themes/Templates - edit your template and add css to it.

Regards

Marietha

Steve Jenkin

Thank you.

How?

Steve Jenkin

Thank you.

How?

Tribulant

Thank you for your response, Steve.

There are 2 ways to ensure images are center aligned in newsletters:

1. Use the "Email Align" setting when you insert an image from the media library into the post. Choose "Center" which will put align="center" on the image. See this: http://tribulant.com/docs/wordpress-mailing-list-plugin/3841


2. WordPress adds the CSS class .aligncenter on an image when you insert an image center aligned into a post. Simply put .aligncenter in the CSS in the HEAD of your newsletter template. If you want us to do this for you, please create a ticket: http://tribulant.com/support/

I hope this helps!

Steve Jenkin

1. Under Email Align I only have 'None', 'Left' and 'Right' options. No 'Center' option.

So I manually entered align="center" into the html for the image in the post. When I saved the post, WP changed this to align="middle".

But this still made no difference to the newsletter, and the image remains left-aligned.


2. I've tried to find the CSS for my template, but I can't. Where is it?


Sorry!

Tribulant

Thank you for your response.

1. align="middle" is not correct, it should be align="center". I wonder why it is automatically changed. http://www.w3schools.com/tags/att_div_align.asp


2. The CSS is in the HEAD of the template under Newsletters > Themes/Templates when you edit the template and go into the source. If you do not know how to do it, please open a ticket with login details: http://tribulant.com/support/

Tribulant

We have assisted you with this in our help desk.

You can continue to communicate in the ticket if you need assistance.

The solution was to add the .aligncenter as CSS to the HEAD of the newsletter template with text-align:center; and display:block; to center align images that were center aligned in the post/page.