StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Center Align Images in Post Not Working

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Center Align Images in Post Not Working

This topic is: not resolved

Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 29, 2014 at 7:15 pm #107390
    talula815
    Member

    Hello, since the last update to WordPress (or Genesis perhaps?) the Image align "Center" setting from my media upload interface has not been working. The images show up in the Visual Editor like they are centered but when the post is published, the images are not centered. See the vertical images in this post: http://www.everintransit.com/things-to-do-in-yosemite-mariposa-grove/ I'm using the "Prose" Child theme.

    I embed my photos from Smugmug, and then click the images in the WordPress visual editor to change the alignment. This always worked before the last WordPress update.

    Does anyone have any thoughts about what I can do to fix this?

    Alternatively, if it would be possible to change the CSS to align all images in posts to center by default, that would be great.

    Thanks!

    http://www.everintransit.com/things-to-do-in-yosemite-mariposa-grove/
    May 29, 2014 at 8:10 pm #107396
    Anita
    Keymaster

    I noticed the same thing today working on a client site. Not sure what's going on. Let me send out a tweet.

    Love coffee, chocolate and my Bella!

    May 29, 2014 at 9:40 pm #107410
    Sridhar Katakam
    Participant

    The issue seems to be coming from the plugin that's adding Pinterest hover overlay on images. If you deactivate that plugin you should notice that the images will be centered as you would expect.

    To be specific, it's "display: inline-block;" for ".pibfi_pinterest" that's doing this.

    Genesis Tutorials | Follow me on Twitter

    May 29, 2014 at 9:57 pm #107412
    talula815
    Member

    Hi Anita, I just got a solution from a guy in another forum. It was a problem with the "Pinterest Pin It Button for Images". If your client is using the same plugin, I posted the code that fixed it here: http://wordpress.org/support/topic/after-update-images-not-centered-all-left-align?replies=13#post-5633690

    Best of luck!

    May 29, 2014 at 9:58 pm #107413
    talula815
    Member

    Hi Anita, I just got a solution from a guy in another forum. It was a problem with the “Pinterest Pin It Button for Images”. If your client is using the same plugin, I posted the code that fixed it here: http://wordpress.org/support/topic/after-update-images-not-centered-all-left-align?replies=13#post-5633690

    May 30, 2014 at 5:51 am #107455
    Anita
    Keymaster

    You know Sridhar, I wasn't using the same plugin this person is using - but I was using a new plugin, which I see now caused the problem. Thank you for pointing me in that direction.

    Love coffee, chocolate and my Bella!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.