Design tip – Metro image captions

[paulc]

Setting up the Metro theme on a test site, I ran into a problem with image captions. If I used a caption on a large image inserted into a post, the image was not resized and was just inserted at the full image size and cut off as it ran out of the content area. No caption, no problem, it resized as it should.

Change this:

img.alignnone  {
display: inline;
margin-bottom: 12px;
margin-bottom: 0.75rem;
}

To this:

img.alignnone,
.wp-caption.alignnone {
display: inline;
margin-bottom: 12px;
margin-bottom: 0.75rem;
}

Problem solved. Then style the captions appropriately, I thought the style was too big and bold, but that's personal choice.

[Anita]

Thank you for sharing. I had this same problem and would just re-load the image and add the caption that way. But this is much better.

---

Love coffee, chocolate and my Bella!

[wittycassiehere]

Thanks so much! I hadn't run into that problem yet, but I know it would've been frustrating at some point.

---

Cassie
[Witty Title Here]

[Author]

Posts