lucretia99

Actually the caption is not the (only) reason for the blank space in responsive theme. Even if I use fixed “caption section” with the image in media library I still have to insert extra lines to push the image down. It turns out that vertical images can’t stand in 1 column but with horizontal that’s not a problem. I tried several plugins but didn’t find any that gives a possibility for fixed images in 1 column without opening an extra lightbox gallery.

Does anyone have some solution for this issue?
Thank you!

I tried to make a few changes but it didn’t work. Can you please tell me how can I line up the caption with the image? Should I add some new code in css?

Here is my caption section:
.wp-caption {
background: #fff;
border: 0px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: right;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
margin: 0;
padding: 0 4px 5px;
}