Case Study: Image Alignment Problem In WordPress Blog

Hi,

I have encountered a problem today in my wordpress blog. I have selected the option Right to align an image in the post and it was showing correctly i mean at right side in wordpress admin post editor but when the post published it comes to see that image in left side of my post.

I searched the web for the solution and i have found the solution.The solution is simple just need to copy the following code and paste it in  style.css of the theme.

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

Add this code in style.css file.of your theme and it should be resolve the problem. If it does not solve the problem then replace the .img{} tags with the above code in style.css.

Thanks,

Shane G.

Popularity: 1%