Image Alignment Not Working

[kwidrick]

Hi all!

With the latest updates to WordPress and Genesis, the image alignment tool through the WordPress WYSIWYG editor is not working. I took a look at the plugins that I have installed and don't see anything that would be a conflict, so I thought I'd check here to see if anyone has any thoughts.

I have two sites -- both on WordPress and both running Genesis, although the one with the problem (http://katywidrick.com) is on the News Pro theme and the other is on Foodie. Only the News Pro site is having the trouble.

I can add <center> tags in the code, but adding img class="aligncenter" to the code is not working...when I preview or publish, the image does not have any alignment.

The WYSIWYG tool was working before the latest updates.

I'd love any help!

http://katywidrick.com

[marybaum]

Katy,

1. Say hi to Bill Shafer! We lived next door to each other as kids. 😉

2. Can you point me to the problem images?

Mary Baum

Please feel free to text me at 314.609.7844 - I'll be happy to help you directly, since we're practically meshpukeh.

---

Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀

[kwidrick]

What a tiny world! He'll get such a kick out of that story. Thanks so much for your help (and text is fine with me as well -- 407-362-8237).

The two posts that have been affected since the updates are:

http://katywidrick.com/mailchimp-rss-email-newsletter/

http://katywidrick.com/home-gym/

The gym post has photos embedded from my Flickr account, rather than uploaded right to WordPress, but the alignment tool has always worked on those. The mailchimp post has photos uploaded directly.

I have another new post going live on Saturday that has photos uploaded directly to WordPress and the issue is there on preview as well.

The images appear centered in the back end edit screen but not on publish.

[Victor Font]

The pinterest plugin is the culprit. The image is being wrapped in a span element with the class of pibfi_pinterest. The span is the exact width of the image. Because image's parent element (span) is the exact width of the image, the image has no place to go when you change the alignment. If you add the following to your theme's style.css it should clear the matter.

.pibfi_pinterest {
    width: 100% !important;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[kwidrick]

MY HERO! Thanks so much. That worked perfectly.

[Warren Cooper]

There are a number of application software are available please pick a best one.

[Author]

Posts