Many WordPress users who have saluted the new media loading/management utility that came with the 2.7 version text editor are mystified by the fact that the images refuse to align right or left when inserted by using the choices offered by the WYSIWYG editor. The problem is that the utility uses its own CSS, which needs to be manually copied and pasted into the CSS stylesheet of each theme. Right, you heard it right, of each theme. The code that needs to be added can be found below. Copy, go to your blog backend, Appearence>Editor>Stylesheet>Past>Save. Voila, it works. It is not very hard, just tedious.
Enjoy….
/******************************************
* Align box
******************************************/
img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
Thank you, this really helped me! :)
Greetings,
Jonathan
Great! You are very welcome….
You are very welcome
WordPress IMG alignleft or alignright not working with regular CSS | I Think great article thank you.
thanks a lot
I have to agree. Great article. Thanks for the info!
WordPress IMG alignleft or alignright not working with regular CSS | I Think great article thank you.
Thanks for this tip, seems really stupid that they didn’t just have this working throughout all themes.
Thanks for the info man, It worked greatly for me.
thank you very much. usefull article
Thanks!
This CSS worked brilliantly unlike the CSS at the official WordPress Codex which would not do img.alignright properly
Thanks a million bud.
This post saved me a lot of headaches while I’m setting up my first WordPress blog. Thanks!!
Good luck….
thank you very much. perfect article
Thanks very much to posting this.
It’s people like you that make the difference when others are stuck on problems. A quick fix without tears to my images.
Bummer, not getting any results on this in IE.
Any ideas?
Thank you very much for this solution.