How to remove unwanted white space, if no image is used in photo view?

[imssa]

Hi Events Calendar.

I will add my url privately below.

I have used the following css to align the events in photo view:

#tribe-events-photo-events .type-tribe_events.tribe-events-photo-event {
float: left;
width: 29.2%;
height: 430px !important;
margin: 0 4% 30px 0;
padding: 0;
border-bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

I have queried 9 posts per page. The problem now is say for example the last 3 events do not have an asigned featured image there is a huge white space, so it looks like theres a huge gap in a row.

I know the problem comes with this line off css: height: 430px !important;

Is there alternative css I can use to align the events so they are in rows.

Alternatively remove the white space for events without images only? (Think it might take some php for this)

Thanks

PS, I have used this https://www.wpfangirl.com/2015/change-photo-view-in-events-calendar-pro-to-equal-height-grid-with-venue-location/

to get me started.

[imssa]

This reply is private.

[George]

This reply is private.

[imssa]

This reply is private.

[George]

This reply is private.

[imssa]

This reply is private.

[George]

This reply is private.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts