CSS Classes for list view columns had changed in update? All styling lost.

[Greg]

Hi,

We just updated to V. 4.6… now a load of our list view column styling is messed up.

We had styled the column widths and order based on the CSS classes for those columns… I guess the classes have been changed for some reason, and our styling is no longer effective:

http://cpmr-islands.org/events/

What have the column classes been changed to (and why?) so that we can restore our styling?

Date/time was first column, then the description.
Column widths are messed up now too as you can see on that example.

On our other sites, the column widths are OK, but the order is mixed up

http://cpmr-intermed.org/events/

Thank you.

[Jaime Marchwinski]

Hi Greg,

Thanks so much for reaching out!

I’m so sorry that our recent update has caused you to have issues with the way that your site is styled.  As a first step, I’d recommend you review our Themer’s Guide to ensure that you are safely editing your files so that they do not get overwritten when an update comes up.

The column classes are as follows:

Date/time: div.updated.published.time-details

Description: div.fusion-tribe-events-headline

Location: div.tribe-events-venue-details

Google Map: div.fusion-tribe-events-venue-details-map

You can also use Google Chrome Developer Tools to find out what class each element is associated with, if you should need more information.

I hope this helps to get you started, please let me know how it goes!

 

Thanks,

Jaime

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts