Title: Image alignment problem
Last modified: August 30, 2016

---

# Image alignment problem

 *  [passegua](https://wordpress.org/support/users/passegua/)
 * (@passegua)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/image-alignment-problem-9/)
 * when I add an image I cannot correctly center into the article text.
    I mean,
   when I’m in editing the post, all looks right. As soon as I publish it then the
   text wrap around the image. Please have a look to these 2 images in order to 
   better understand what I mean. I’d like to have image separate from text, without
   text around it. Moreover I’d like to remove any frame around image, how? Please
   help. image1: [http://1drv.ms/1RaMD9w](http://1drv.ms/1RaMD9w) image2: [http://1drv.ms/1RaMEdu](http://1drv.ms/1RaMEdu)
 * Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [zota marius](https://wordpress.org/support/users/zota-marius/)
 * (@zota-marius)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/image-alignment-problem-9/#post-6591016)
 * maybe you don`t insert your picture well, you must select the atribute Image 
   Alignment to center when you upload an image.
 *  [read more](https://codex.wordpress.org/Inserting_Media_into_Posts_and_Pages)
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/image-alignment-problem-9/#post-6591114)
 * please post a _live _link to a post or page with the image problem – screenshots
   are not useful for troubleshooting formatting issues.
 *  Thread Starter [passegua](https://wordpress.org/support/users/passegua/)
 * (@passegua)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/image-alignment-problem-9/#post-6591146)
 * Hi Michael,
    This is the code I get when I publish using wordpress editor:
 * WRONG (please note that the image is surrounded by words and has a ugly frame)
 * <img class=”aligncenter wp-image-25037″ src=”[http://lnx.sinapsi.org/wordpress/wp-content/uploads/2015/09/cropped-legenda1024.jpg&#8221](http://lnx.sinapsi.org/wordpress/wp-content/uploads/2015/09/cropped-legenda1024.jpg&#8221);
   alt=”cropped-legenda1024.jpg” width=”217″ height=”217″ />
 * and this is the live link to this WRONG image wrapping:
    [http://lnx.sinapsi.org/wordpress/2014/09/28/image-wrapping/](http://lnx.sinapsi.org/wordpress/2014/09/28/image-wrapping/)
 * This is the code I manually correct in order to get what I wish:
 * CORRECT (the image is separate from words and has no frame) :
 * <img style=”background-image: none; float: none; padding-top: 0px; padding-left:
   0px; margin: 0px auto 1px; display: block; padding-right: 0px; border: 0px;” 
   title=”Microsoft Word – angoli.docx” src=”[http://lnx.sinapsi.org/wordpress/wp-content/uploads/2015/09/cropped-legenda1024.jpg&#8221](http://lnx.sinapsi.org/wordpress/wp-content/uploads/2015/09/cropped-legenda1024.jpg&#8221);
   alt=”Microsoft Word – angoli.docx” width=”217″ height=”217″ border=”0″ />
 * and this is the live link to the CORRECT image wrapping:
    [http://lnx.sinapsi.org/wordpress/2014/09/30/image-wrapping-correct/](http://lnx.sinapsi.org/wordpress/2014/09/30/image-wrapping-correct/)
 * Thanks
 *  Thread Starter [passegua](https://wordpress.org/support/users/passegua/)
 * (@passegua)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/image-alignment-problem-9/#post-6591147)
 * I thought it could be a theme problem?
    But I don’t understand why the preview
   is perfect while the published post is wrong? Thanks.
 *  Thread Starter [passegua](https://wordpress.org/support/users/passegua/)
 * (@passegua)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/image-alignment-problem-9/#post-6591148)
 * Btw I am stuck to windows live writer because it publish exactly WYSIWYG
    I’d
   like to shift to wordpress editor but this issue is annoying.
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/image-alignment-problem-9/#post-6591243)
 * very likely a theme issue.
 * review [https://codex.wordpress.org/Wrapping_Text_Around_Images](https://codex.wordpress.org/Wrapping_Text_Around_Images)
 * your theme’s **style.css** does not have the corresponding styles.
 * instead, it uses this style for _all _post images:
 *     ```
       .post img{
       	float: left;
       	margin: 0 10px 5px 0;
       	border: 3px double #ddd;
       }
       ```
   
 * to correct that, add this, possibly via a custom CSS plugin:
 *     ```
       img.alignright { float: right; margin: 0 0 1em 1em; }
       img.alignleft { float: left; margin: 0 1em 1em 0; }
       img.aligncenter { float: none; display: block; margin-left: auto; margin-right: auto; }
       .alignright { float: right; }
       .alignleft { float: left; }
       .aligncenter { float: none; display: block; margin-left: auto; margin-right: auto; }
       ```
   
 *  Thread Starter [passegua](https://wordpress.org/support/users/passegua/)
 * (@passegua)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/image-alignment-problem-9/#post-6591248)
 * Thanks Michael!
    I added the custom CSS and it works!
 * [http://lnx.sinapsi.org/wordpress/2014/10/01/css-modified/](http://lnx.sinapsi.org/wordpress/2014/10/01/css-modified/)
 * Only one more thing: how could I remove the frame from around the image?
 * Many thanks!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Image alignment problem’ is closed to new replies.

## Tags

 * [alignment](https://wordpress.org/support/topic-tag/alignment/)
 * [center](https://wordpress.org/support/topic-tag/center/)
 * [image](https://wordpress.org/support/topic-tag/image/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 7 replies
 * 3 participants
 * Last reply from: [passegua](https://wordpress.org/support/users/passegua/)
 * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/image-alignment-problem-9/#post-6591248)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
