|
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
|
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
|
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
|
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
|
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?
|
