Pic Won't Center Align!

[Anthony Galli]

For some reason the picture won't center align when I click align. In the example below I had to use the spacebar. Not classy. The space difference unfortunately shows on your phone.

Will you help me?

This is your destiny!

---

I blog about great adventures, good habits, and quantified success! Join me on the open road @ http://www.AnthonyGalli.com

http://www.anthonygalli.com

[jbergen]

Hi!

The problem is related to a couple of unnecessary inline style rules in your img tag. First, remove style="display: inline;" and remove lazy after class="... from the HTML used to display the blog post image (see below):

Before the change:

<img scale="0" src-orig="http://i1.wp.com/www.anthonygalli.com/wp-content/plugins/jquery-image-lazy-loading/images/grey.gif?resize=300%2C215" style="display: inline;" class="lazy wp-image-1784 size-medium aligncenter" src="http://www.anthonygalli.com/wp-content/uploads/2014/09/rules-2-300x215.jpg" data-original="http://www.anthonygalli.com/wp-content/uploads/2014/09/rules-2-300x215.jpg" alt="rules-2" height="215" width="300">

After the change:

<img scale="0" src-orig="http://i1.wp.com/www.anthonygalli.com/wp-content/plugins/jquery-image-lazy-loading/images/grey.gif?resize=300%2C215" class="wp-image-1784 size-medium aligncenter" src="http://www.anthonygalli.com/wp-content/uploads/2014/09/rules-2-300x215.jpg" data-original="http://www.anthonygalli.com/wp-content/uploads/2014/09/rules-2-300x215.jpg" alt="rules-2" height="215" width="300">

Then remove the spaces you had to add before the image, and the .aligncenter class given to the image when you click "align: center" should work.

Jamie

---

Jamie @ Ladebug Studios

[Anthony Galli]

Sorry!

I can't find where to do the changes. Is that in the CSS somewhere? This doesn't just happen with this one blog post's pic, it happens to all of them when I try and center 🙁

Thanks again for reaching out to me and trying to help!

---

I blog about great adventures, good habits, and quantified success! Join me on the open road @ http://www.AnthonyGalli.com

[jbergen]

I don't think it's in a CSS file. It appears to be inline in your HTML. When you write blog posts, which tab in the editor are you using? Visual or Text? Assuming you're using the Visual tab, try switching to Text to see that HTML tag that I pasted into my last reply. If you find it, you can make the changes I mentioned.

The question of why it's happening to all of your blog post your images is a slightly larger issue. Assuming you're not manually inserting all of that inline style stuff, can you think of a plugin you're using that might be doing it?

Jamie

---

Jamie @ Ladebug Studios

[Anthony Galli]

Thank you so much you helped me solve the issue!

I was using a plugin to slow down image loading in the name of speeding up the website. Didn't do well in either regard so I deleted it, therefore solving this issue too!

Thanks Jamie! Good luck with ladebug!

---

I blog about great adventures, good habits, and quantified success! Join me on the open road @ http://www.AnthonyGalli.com

[jbergen]

I'm glad it worked out!

Jamie

---

Jamie @ Ladebug Studios

[Author]

Posts