Hi Events Calendar.<\/p>\n
I will add my url privately below.<\/p>\n
I have used the following css to align the events in photo view:<\/p>\n
#tribe-events-photo-events .type-tribe_events.tribe-events-photo-event {
\n float: left;
\n width: 29.2%;
\n height: 430px !important;
\n margin: 0 4% 30px 0;
\n padding: 0;
\n border-bottom: 0;
\n -webkit-box-sizing: border-box;
\n -moz-box-sizing: border-box;
\n box-sizing: border-box;
\n}<\/p>\n
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.<\/p>\n
I know the problem comes with this line off css: height: 430px !important;<\/p>\n
Is there alternative css I can use to align the events so they are in rows.<\/p>\n
Alternatively remove the white space for events without images only? (Think it might take some php for this)<\/p>\n
Thanks <\/p>\n
PS, I have used this https:\/\/www.wpfangirl.com\/2015\/change-photo-view-in-events-calendar-pro-to-equal-height-grid-with-venue-location\/<\/p>\n
to get me started.<\/p>\n","protected":false},"template":"","class_list":["post-1223477","topic","type-topic","status-closed","hentry"],"yoast_head":"\n