Support

Home Forums Event Espresso Premium Grid View alignment inconsistent with shorter titles

Grid View alignment inconsistent with shorter titles

Posted: August 7, 2015 at 1:43 pm

Viewing 2 reply threads


Deborah Fox

August 7, 2015 at 1:43 pm

I’m having an issue with the thumbnail alignment of the grid view add-on. It only seems to be an issue on this page:
http://www.rotman.uwo.ca/events/einstein-at-rotman/
Only thing unique about this particular page is that the events in this effected row all have short titles. Our other page have no issues with the grid view.

I’ve added the following changes to the CSS for the layout:
.ee_grid_box img {
width: 225px;
height: 150px;
}

.ee_grid_box a {
margin: 3%;
}

.ee_grid_box {
display: inline-block;
vertical-align: top;
}
How can I make the grid spacing consistent?


Lorenzo Orlando Caum

  • Support Staff

August 7, 2015 at 3:14 pm

Hi Deborah, does this help resolve the spacing issue?

div.ee_grid_box.item span p {width:215px;}


Lorenzo


Deborah Fox

August 7, 2015 at 4:59 pm

That fixed it perfectly — thank you, Lorenzo!

Viewing 2 reply threads

The support post ‘Grid View alignment inconsistent with shorter titles’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso