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

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.

Comments

  • 6 Comments sorted by
  • Vote Up0Vote Down

    @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

  • Vote Up0Vote Down
    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!
  • Vote Up0Vote Down
    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!
  • Vote Up0Vote Down
    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/

  • Vote Up0Vote Down
    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.
Sign In or Register to comment.