WordPress Tweaks & Tuts?

Subscribe to TheCreatology via RSS | Email

Image Caption Box Alignment Problem after WordPress 3.4 Update [With Thesis Fix]

by Aky Joe

Images not aligning properly in article after upgrading to WordPress 3.4 ? If Not, then you are lucky and can skip this post. If Yes, then it is because of a recent WordPress 3.4 update which came out  few days back. Even, I got aware of this issue after posting an article earlier today, where I found all images aligned to left automatically with a broken caption box.

Image Alignment in WordPress 3 4 Image Caption Box Alignment Problem after WordPress 3.4 Update [With Thesis Fix]

Though WordPress 3.4 Update has some nice improvements, but it has affected a lot of WordPress themes and frameworks. Here is what WordPress 3.4 Codex for image caption shortcode states… (important for developers)

Change the image caption shortcode format to {caption shortcode}{anchor tag}{image tag}caption text + html{close anchor tag}{close caption shortcode} that way HTML tags in captions are better supported and the shortcode wouldn’t break when using the wrong quotes.

When I saw markup in firebug, of a recently posted article after upgrading to WordPress 3.4, I found that image caption shortcode didn’t generate the div tag to form caption box. Check out the screenshot below:

Markup Difference in WP 3 4 450x261 Image Caption Box Alignment Problem after WordPress 3.4 Update [With Thesis Fix]

Markup Difference in WordPress 3.4 Version

Got the difference? Yes, the div tag is missing in after WordPress 3.4 clipping and hence breaking image caption box.

How to fix Image Caption Issue

There hasn’t been a proper solution to overcome image caption box issue, but you can:

  • Makes changes in Theme CSS file,
  • Manually add caption html tags or
  • Avoid usage of image caption shortcode

Thesis Theme Users – Update to Thesis 1.8.5

An update for Thesis Theme will be available for its users by next week, as said by Chris Pearson. He has also suggested 2 options for Thesis users which you can check out in a Conversation with Chris on Twitter, in screenshot below:

chat with chris thesis owner 450x432 Image Caption Box Alignment Problem after WordPress 3.4 Update [With Thesis Fix]

Interaction with Chris for Thesis Update

I chose to wait for Thesis 1.8.5, as it’s not recommended to mess with Thesis core files.

Thesis 1.8.5 is Available now ?

Yes, new version of Thesis Theme is available for download now. Click here or the image below saying Thesis 1.8.5

Thesis 1 8 5 bug fix release 300x247 Image Caption Box Alignment Problem after WordPress 3.4 Update [With Thesis Fix]

Get Thesis Theme 1.8.5

(Post Updated on 19/06/2012)

Whats next ?

Have a similar problem with Image Caption Box Alignment after WordPress 3.4 Update ? Ask your theme developer now, for a fix. Whereas if you have a proper solution to it, then share it with us here, by posting a comment below.

Similar Topics: , ,

TheCreatology Support

Got a Query? We're ready, Just Say it!

If you have a doubt or a feedback, then get-in-touch with TheCreatology Support Team now.

Start a Hangout or Email Us

Are you looking for...

  • Logo Design
  • Web Development
  • Thesis Skin Design
  • Graphic Designing
  • Virtual Assistance
Hire Us!

4 Comments

{ read them below or add one }

Erwin June 21, 2012 at 4:25 am

Yep. Run into the caption problem with 3.4 as well. switching over to Justin Tadlocks snippet (http://justintadlock.com/archives/2011/07/01/captions-in-wordpress) did the trick. Captions all looking good again.

Reply

Gouri August 11, 2012 at 4:03 pm

Wise decision indeed. Upgrading thesis is the easiest and safest way to go.

Reply

Tim October 13, 2012 at 7:56 am

Actually. I installed Thesis 2 THEN it broke the captions.

Reply

Aky Joe October 14, 2012 at 3:11 pm

Thesis 2.0 update has a different architecture altogether hence, it will break the layout. We are testing the new theme and then will start with its tutorials. Subscribe our Email updates to keep in touch.

Cheers!

Reply

Leave a Comment

Previous post:

Next post:

Contact Aky




Yes, I agree that all information above is valid.