Support

Home Forums Event Espresso Premium Grid Template Spacing and Text Wrap

Grid Template Spacing and Text Wrap

Posted: January 29, 2019 at 9:06 am


Michael

January 29, 2019 at 9:06 am

Hi guys,

I’m wondering if someone here can help me. How would I go about configuring text wrap and standardizing the spacing of the events grid. Our grid page (https://teens.artsconnection.org/high5/) is currently all off when the event title is long.

Thanks.


Josh

  • Support Staff

January 29, 2019 at 2:22 pm

Hi,

It looks like your site has an older version of the Grid template and an older version Event Espresso 4. The Grid template’s stylesheet has changed quite a bit since the older version which might just resolve the issues you’re having. Can you update to the current version of the software?


Michael

January 30, 2019 at 6:06 am

Will do, Josh! I’ll report back once this is done.


Michael

January 30, 2019 at 6:31 am

OK, Josh. Everything has been update to the latest version. How do I go about resolving the issue with the grid template?


Tony

  • Support Staff

January 30, 2019 at 7:09 am

Hi Michael,

Looking at the output from your site is looks like you are using a custom version of the Grid view template.

What is the full shortcode you are using on that page?

If you check your themes root directory, so you have a template called espresso-grid-template.template.php or similar in that directory?


Michael

January 30, 2019 at 7:18 am

Hi Tony,

The shortcode I’m using is [ESPRESSO_GRID_TEMPLATE order_by=start_date, sort=ASC, limit=120, show_expired=0]

I do have that file in my themes root directory, but I haven’t made any changes to it.

Here are the contents: https://pastebin.com/Li3JNaJR

Thanks for your help!


Tony

  • Support Staff

January 30, 2019 at 7:30 am

That template has definitely been modified from the original as it doesn’t match the template to any version we have in our Git repo.

Save that template to your desktop and then remove the file from your themes root directory, EE will then load the new default template from within the add-on itself.

A quick heads up, its different from your current output.


Michael

January 30, 2019 at 7:40 am

Thanks, Tony. I’ve backed up the template and deleted the file from the server. However, I now have a single column grid listing all the shows. How do I change this to 4 columns evenly spaced?


Michael

January 30, 2019 at 7:43 am

Or, could you point me to the git repo and I can look through the grid templates in there?


Tony

  • Support Staff

January 30, 2019 at 7:50 am

Looks like your site is still serving the old versions of CSS/JS from the Grid View template.

You’ll need to clear WP Engine’s cache (namely the CDN) to that it loads the new files.


Michael

January 30, 2019 at 8:23 am

Hi Tony,

All caches have been purged, but it’s still showing as a single column grid. Not sure what’s going on here.


Josh

  • Support Staff

January 30, 2019 at 8:27 am

You’ll also need to clear your browser’s cache. Then you’ll see the changes take effect, like in this screenshot:

https://slack-files.com/T02SY781D-FFUCCT5FZ-f8e6831124


Tony

  • Support Staff

January 30, 2019 at 8:30 am

This is the latest version of CSS for the grid template add-on – https://monosnap.com/file/yms5z9GIpfrdMQfYzJYtgw3JN1ucGE

Note the _v2 styles (it was done this way for backward compatibility when users are loading older versions of the template and update the dd-on)

This is the version of CSS loading on your site from the WP Engine CDN – https://monosnap.com/file/F5yBfw0SEjsLeKqcY6OJFXVFN3YSTD

Note there are no _v2 styles, thats the older version of the template.

I can see your site is running the Grid template version 1.2.4 which is the latest version, but the CDN isn’t loading the CSS for that version.

If you go to /wp-content/plugins/eea-events-grid-view-template/css/espresso_grid_template.css on your server, do you see any styles in there that have _v2, for example ee_grid_box_v2?


Tony

  • Support Staff

January 30, 2019 at 8:32 am

…. I also forget about browser cache.

Clearing my browsers cache shows the updated files, nice catch Josh.


Michael

January 30, 2019 at 8:43 am

Thanks guys! All looks well, even though it’s the default.

I’ll look through the rest of the topics on the forum to fine tune things. Thanks again fellas!


Tony

  • Support Staff

January 30, 2019 at 8:56 am

You can now copy the new template to your themes root directory if you need to and edit the output of the new template, or just apply your own CSS through you theme that targets the elements in that template (it depends how much your want to change).

The support post ‘Grid Template Spacing and Text Wrap’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

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: closed

Updated by  Tony 2 months, 3 weeks ago ago

Topic Tags

Notifications

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