Title: Image Caption Breaks Layout
Last modified: March 8, 2017

---

# Image Caption Breaks Layout

 *  Resolved [Squidpeg9](https://wordpress.org/support/users/squidpeg9/)
 * (@squidpeg9)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/image-caption-breaks-layout/)
 * I have a site here:
    [http://aabreauconstruction.com/past-projects/](http://aabreauconstruction.com/past-projects/)
 * The issue is, when I add captions to these pictures, it breaks the layout. I 
   have two sets of images on here now. The first set is laid out exactly how I 
   want it. The second set it done the same way EXCEPT I added the captions. It 
   breaks the layout.
 * I DON’T want to declare a static image size as the caption tries to force me 
   to do, and when I try to change the size to the percent I want, it makes the 
   image extremely small. How can I fix this issue?

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Joey](https://wordpress.org/support/users/joey4j/)
 * (@joey4j)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/image-caption-breaks-layout/#post-8891715)
 * What do you mean by “breaking the layout”? Do you want the 3rd and 4th images(
   bigger ones) to appear like 1st and 2nd (side by side) with image caption added,
   too?
 *  Thread Starter [Squidpeg9](https://wordpress.org/support/users/squidpeg9/)
 * (@squidpeg9)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/image-caption-breaks-layout/#post-8891766)
 * Yes. With the captions below each image.
 *  [Joey](https://wordpress.org/support/users/joey4j/)
 * (@joey4j)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/image-caption-breaks-layout/#post-8892135)
 * I see. I guess you’ll need to make a few changes in the code.
 * Change (for the 3rd image)
    `<figure id="attachment_86" style="width: 700px" 
   class="wp-caption alignleft">` into `<figure id="attachment_86" style="width:
   47%" class="wp-caption alignleft">`
 * Change (for the 4th image)
    `<figure id="attachment_87" style="width: 700px" 
   class="wp-caption alignnone">` into `<figure id="attachment_87" style="width:
   47%" class="wp-caption alignleft">`
 * Then, update CSS
 *     ```
       figure {
   
       	margin: 1em 40px;
   
       }
       ```
   
 * into
 *     ```
       figure {
   
       	margin: 1em 0;
   
       }
       ```
   
 * If you don’t want to touch style.css file, you can do this by adding the above
   code in “Edit CSS” (under “Appearance”).
 * Feel free to get back to me if you have any questions. Thanks!
    -  This reply was modified 9 years, 3 months ago by [Joey](https://wordpress.org/support/users/joey4j/).
 *  Thread Starter [Squidpeg9](https://wordpress.org/support/users/squidpeg9/)
 * (@squidpeg9)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/image-caption-breaks-layout/#post-8896628)
 * Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Image Caption Breaks Layout’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 2 participants
 * Last reply from: [Squidpeg9](https://wordpress.org/support/users/squidpeg9/)
 * Last activity: [9 years, 3 months ago](https://wordpress.org/support/topic/image-caption-breaks-layout/#post-8896628)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics