If the WordPress theme you are using doesn’t seem to align the images in your posts and pages properly, chances are your theme’s style.css is missing some css classes.

Here’s how to fix it. In your WordPress dashboard, click “Appearance” then click “Editor”. You should be viewing and editing the file called “style.css”

Add the following code to style.css:

.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }

As you can see, there are three style classes and these will work for any image you want to insert into your post or page. The “alignleft” and “alignright” classes have margins that can be adjusted. The “.aligncenter” class should not be altered.

There are more things you can do to adjust how your images look in your posts and pages such as adding borders to them. Sometimes you may only want a border on a particular post or page so you could include an inline style for that particular image. I will cover some examples of these in a future post.

Bookmark It