Comments on: Align Image In Post WordPress 2.7

By: Ed

Ed — Tue, 03 Nov 2009 18:57:14 +0000

Code worked a treat, thanks. The theme I am using is really kicking now.

By: Tiffany

Tiffany — Wed, 12 Aug 2009 23:57:57 +0000

I just wanted to tell you – thank you, thank you, thank you for this fix! I was feeling so frustrated with my image alignment after a wordpress upgrade and your code fixed it perfectly after days of searching for a solution. Your time is appreciated! Thanks again!!

By: Andres Vivas

Andres Vivas — Sat, 02 May 2009 15:43:51 +0000

Thanks a lot, this fix corrected my issue with the images. I truly appreciate it!!!

By: Costa

Costa — Wed, 18 Feb 2009 01:41:36 +0000

Ryan,

Are you using WordPress 2.7? Some themes simply do not comply but what I can suggest is that you remove all those old image alignment codes and replace them with these

p img {
padding: 0;
max-width: 100%;
}

img.centered {
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
}

Can’t promise anything as like I said, some themes simply do not work with 2.7

Do save up your old stylesheet before messing with it though.

I’ll update the ones I have posted above.

By: Ryan

Ryan — Tue, 17 Feb 2009 19:07:47 +0000

Hi Ah Pek,
I know you’re a popular man around the WP forums, so I thought I’d see if you can work out the kink in my image-align issue:

I have tried about EVERY solution I could find on all the forum sites concerning this, but nothing’s worked yet. Here is a prime example of my problem:

http://www.epochsy.com/2009/01/27/edletwinter08/

The David Bowie quote is meant to be centered, but obviously, is not. Here is what my style.css currently looks like:

/*img.alignright { float:right; margin: 0 0 1px 5px; padding: 2px;}

img.alignleft { float:left; margin: 0 5px 5px 0; padding: 2px;}

img.aligncenter { float:center; margin: 0 5px 5px 0; padding: 2px;}*/

/*This works to RIGHT align images, but not centered ones!!!*/

img.alignleft, div.alignleft {
float:left;
margin:2px 2px 2px 0px;
}
img.alignright, div.alignright {
float:right;
margin:2px 0px 2px 2px;
}
img.centered, .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

/*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;
}*/

If you can help me I would be infinitely grateful. I’ve been trying to fix this for about 3-4 hours, and if I can’t fix it by tomorrow night, my head might explode.

Thanks!