large gap between gallery image rows

  • I’m trying to setup a page that makes it easy for my client to add images that will automatically have each row center-align vertically on the page (similar to this page https://www.bgcsmv.org/our-partners which is a single .pdf and not easy to add to). The page I need help on is https://www.bgcsmv.org/test-page. As you can see, there is a large gap between the top row of images and the next row.

    Does anyone know how to correct this problem or have a better solution?

    I did this by setting the gallery to use medium size images which I set in media settings to max width 180/ max height 150. I then added the following code to my stylesheet:

    .gallery-item {
width: 33%!important;
display: inline-block;
float: none!important;
text-align: center;
vertical-align: middle;
Viewing 3 replies - 1 through 3 (of 3 total)

  • somehow the <br style="clear: both"> of the gallery rows seems to be influencing the sidebar (?)

    try to add this to style.css:

    .entry { overflow: hidden; }

    The problem actually looks like it is the “clear: both;” tags just above the row that has dropped far down — look for the first line of code in this clip:

    <br style="clear: both" />
<dl class='gallery-item'>
			<dt class='gallery-icon'>
				<a href='https://www.bgcsmv.org/wp-content/uploads/image005-e1358710667419.jpg' title='image005'><img width="180" height="70" src="https://www.bgcsmv.org/wp-content/uploads/image005-180x70.jpg" class="attachment-medium" alt="image005" /></a>
			</dt></dl><dl class='gallery-item'>

    Thread Starter rbseid

    (@rbseid)

    Adding to my style.css: .entry { overflow: hidden; } fixed it in all browsers except chrome (which ignored both the gap issue and the center align issue) and opera (which displays with correct center alignment but still has the gap).

    WPyogi: I don’t know how to follow your advice. Does that involve editing the WordPress core files?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘large gap between gallery image rows’ is closed to new replies.