Support

Home Forums Event Espresso Premium Grid plugin – 3 columns

Grid plugin – 3 columns

Posted: May 5, 2020 at 8:22 pm


Adam

May 5, 2020 at 8:22 pm

Hi,

We have just had our website re-designed and have not used WPBakery or these new editors. Our events page listing is showing all the events ina single column rather than 3 like we had it…

[ESPRESSO_GRID_TEMPLATE button_text=”More Info” category_slug=”t3-2020″ limit=”50″]

How can we fix this, would LOVE some help, so frustrating.


Tony

  • Support Staff

May 6, 2020 at 2:40 am

Hi there,

Can you link me to the page in question so I can take a look?

EE isn’t compatible with page builders so the above is likely happening because EE can’t detect the shortcode is in use and so none of the Grid template assets are loading but I’ll need to see the page to know for sure.


Adam

May 6, 2020 at 3:17 am

Thanks for the reply….

I created a new page to show you and the grid seemed to start working!!!!
https://bit.ly/3cbeOpn

How can I modify the display so the following is shown for each event, and not that strange mouse over feature.
Event picture – then below it
Event name – new line
More info link


Tony

  • Support Staff

May 6, 2020 at 4:26 am

The Grid Template wasn’t designed to display the information below the image, but you can add this CSS to your site to override the way it was designed:

.ee_overlay {
    position: relative;
    top: 0;
}

You can add the above to the Customize > Additional CSS panel.

You will likely also need to set a fixed height for your grid items to prevent odd spacing.

To change the order of contents you’ll need to override the default template and set the order you prefer.

Copy the \eea-grid-template\templates\espresso-grid-template.template.php

To the root directory of your site’s theme so it overrides the default template, then change the order of the elements within your custom template.


Adam

May 6, 2020 at 5:29 am

thanks for the advice, much appreciated. Would your same method be best applied into a child themes folder? and work as anticipated?


Adam

May 6, 2020 at 5:43 am

I applied the changes you advised in the child theme, we are getting somewhere…. 🙂

Is there a way to set it to display the events with only 3 columns across, allowing more room for larger event images and to stop the irregular spacing occurring here:
https://bit.ly/2L1K12x

You can also see that for some reason on the 3rd row there are an irregular amount of events showing??


Adam

May 6, 2020 at 6:07 am

and the event title twxt is white and cannot be seen


Adam

May 7, 2020 at 2:25 am

can anyone possibly help?


Tony

  • Support Staff

May 7, 2020 at 7:35 am

Is there a way to set it to display the events with only 3 columns across, allowing more room for larger event images and to stop the irregular spacing occurring here:
https://bit.ly/2L1K12x

Looks like you’ve already fixed this, but the cause is from the “Bush Playgroup Dandenongs – Wednesdays” title spanning over 3 lines when all other items on the row span 2, it changes the height of that element so the next line floats up the the bottom of that longer element (leaving a gap).

You’ve altered the margin of the event tail to stop that but if you have more events with longer titles it will happen again so you may want to set a fixed height as mentioned above.

So for example:

.ee_grid_box_v2.item {
    height: 350px;
}

Do you still want 3 columns rather than 4?

and the event title twxt is white and cannot be seen

Again, looks like you’ve already fixed this with some CSS to set the text colour to black.

can anyone possibly help?

Just a side note that threads are queued based on last reply data so ‘bumping‘ your threads will usually have the opposite effect and then take longer for a reply.


Adam

May 7, 2020 at 7:05 pm

Fantastic advice, thank you so much!!!!

The demo page (not live) that I showed you (below) I was able to successfully show the grid how we wanted by making a new page in WP using the classic editor.
https://bit.ly/2WI5QcW

But when we try and add the shortode to the themes page design into this page below the grid display doesn’t work and puts all events in a single column, like mentioned in my first post. How can we preserve the same page style and add the shortcode into this page?
https://bit.ly/2WD1rYE


Tony

  • Support Staff

May 8, 2020 at 3:11 am

What’s the difference between the two page?

Are you using a page builder on for the non-working page?

You must be logged in to reply to this support post. Sign In or Register for an Account

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3 Documentation for Event Espresso 4

Status: publish

Updated by  Tony 2 weeks, 5 days ago ago

Topic Tags

Notifications

This topic is:
pending
Do NOT follow this link or you will be banned from the site!