Fixing image align issue in your WP theme

Posted on Sunday, 1 February 2015

Fixing image align issue in your WP theme

Are you looking for a reliable animation partner? - Sundstedt Animation

The current theme have had an issue with aligning images, they have appeared to the left when inserting them. The CSS is missing class for aligncenter.

This theme lacked the align functionality so center tag was used before. Center tags are deprecated, so you should avoid using them!

One fix to align an image is using text-align:center, which works:

farm-blog-post-image

That was done manually though, so not very good.

So we went ahead and added missing class for aligncenter at the bottom of our CSS:

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

Then, we inserted the image again, using the WP Text Editor:

aligncenter

Not working either in our theme.

So, after no luck with aligncenter, we spent some time on the Google and simply added this at the bottom of the themes style.css:

p.pic {
text-align: center;
margin: 0 auto;
}

Then when you insert an image using p class=”pic” then it works.

alt

We do need to manually add the p class=”pic” and /p but it’s pretty simple.

Now if anyone else had this problem with your WP theme, and like us are not very experienced in CSS, perhaps you will be helped by this post!

Sundstedt Animation explainers and music video makers

Ready to partner?

    Your name*

    Your email*

    Your website

    How can we help? Details please!*

      I agree for this information to be used to respond to my enquiry.*

    * Indicates Required

    Are you human? Please double-click on the Plane.


    Back To Top

    How useful was this post?

    Click on a star to rate it!

    Average rating 0 / 5. Vote count: 0

    No votes so far! Be the first to rate this post.

    We are sorry that this post was not useful for you!

    Let us improve this post!

    Tell us how we can improve this post?