Support

Home Forums Event Espresso Premium Grid View Template: row break when text is displayed below the image

Grid View Template: row break when text is displayed below the image

Posted: March 25, 2018 at 8:42 pm

Viewing 2 reply threads


deafchildrenaustralia1

March 25, 2018 at 8:42 pm

Hi EE,

I’m attempting to set up the Grid View Template, and it’s inserting a random row break. According to other forum posts, it seems that EE doesn’t actually do this in general so I’m not sure why it’s occurring.

The break is occuring with and without the overlay CSS used to show text below the image, though is more pronounced without it. My end goal is to end up with text below image, much as it is now, just with a cohesive grid.

Any help on this would be appreciated – thanks in advance!

https://deafchildrenaustralia.org.au/dev/events/


Tony

  • Support Staff

March 26, 2018 at 7:30 am

Hi there,

It’s happening because the height of floated element changes, you can prevent by setting a min width on each of the grid elements using something like this:

.ee_grid_box_v2.item {
    min-height: 400px;
}


deafchildrenaustralia1

March 26, 2018 at 3:44 pm

That has worked perfectly – thank you so much, it’s a big help!

Viewing 2 reply threads

The support post ‘Grid View Template: row break when text is displayed below the image’ 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