maybe you don`t insert your picture well, you must select the atribute Image Alignment to center when you upload an image.
read more
please post a live link to a post or page with the image problem – screenshots are not useful for troubleshooting formatting issues.
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” 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/
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” 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/
Thanks
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.
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.
very likely a theme issue.
review https://codex.ww.wp.xz.cn/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; }
Thanks Michael!
I added the custom CSS and it works!
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!
