Support

July 24, 2018 at 2:39 pm

Hi Joe,

It looks there are a bunch of break tags getting added to the markup, and if you add this CSS it will remove those steps you’re seeing:

.page-id-4793 .entry-content br:nth-of-type(-n+3) {
display: none;
}

That’s probably not the solution as you’ll run into other layout issues. The reason being is the Grid template plugin was not intended to display a grid of one, followed by another grid of one, and so on.

The solution I can recommend is use one shortcode in place of those first twelve, and assign those 12 events to one category. Then specify that category in the shortcode so the events that you need to be excluded will not be included there.

July 24, 2018 at 3:05 pm

That doesn’t answer my question. One way to help us help you is please be specific in your replies. For example you could send a reply like “I tried this shortcode [Shortcode you tried] and it did this {what it did}, and I tried this shortcode [Other shortcode you tried, and it did this {what it did}” instead of:

tried multiple different ways of asc or desc of start time and none work as close to what we want as this??

Anyway, this doesn’t appear to be an issue with the Grid view template but rather the way you’re inputing shortcodes into the page. One possible fix (beyond the already mentioned recommended way to use one shortcode) is you remove the line breaks between the shortcodes. You’ve already done that for the second half of the page with those last 4 shortcodes.

July 25, 2018 at 6:04 am

Hi Joe,

The shortcodes you tried were not the shortcode I’m advising to do. Here are two options that you can choose from to make this work:

Option 1) Assign the 12 events to their own unique category, where no other events are assigned to that category. For example if the category slug is
‘upcoming’, your shortcode will be:
[ESPRESSO_GRID_TEMPLATE category_slug=upcoming order_by=start_date sort=ASC limit=12]

Option 2) Remove all the line breaks between each of the single shortcodes e.g. This:

[ESPRESSO_GRID_TEMPLATE category_slug=1]
[ESPRESSO_GRID_TEMPLATE category_slug=2]
[ESPRESSO_GRID_TEMPLATE category_slug=3]
[ESPRESSO_GRID_TEMPLATE category_slug=4]
[ESPRESSO_GRID_TEMPLATE category_slug=5]
[ESPRESSO_GRID_TEMPLATE category_slug=6]
[ESPRESSO_GRID_TEMPLATE category_slug=7]
[ESPRESSO_GRID_TEMPLATE category_slug=8]
[ESPRESSO_GRID_TEMPLATE category_slug=9]
[ESPRESSO_GRID_TEMPLATE category_slug=10]
[ESPRESSO_GRID_TEMPLATE category_slug=11]
[ESPRESSO_GRID_TEMPLATE category_slug=12]

gets changed to be this:

[ESPRESSO_GRID_TEMPLATE category_slug=1][ESPRESSO_GRID_TEMPLATE category_slug=2][ESPRESSO_GRID_TEMPLATE category_slug=3][ESPRESSO_GRID_TEMPLATE category_slug=4][ESPRESSO_GRID_TEMPLATE category_slug=5][ESPRESSO_GRID_TEMPLATE category_slug=6][ESPRESSO_GRID_TEMPLATE category_slug=7][ESPRESSO_GRID_TEMPLATE category_slug=8][ESPRESSO_GRID_TEMPLATE category_slug=9][ESPRESSO_GRID_TEMPLATE category_slug=10][ESPRESSO_GRID_TEMPLATE category_slug=11][ESPRESSO_GRID_TEMPLATE category_slug=12]

July 25, 2018 at 1:29 pm

It’s a CSS issue, that can be fixed by adding some CSS to your custom stylesheet:

#content .ee_grid_box_v2 img {
    height: 200px !important;
}

July 25, 2018 at 1:56 pm

You’re welcome. I’m glad you’ve got that sorted out.