Events in loop to Avada Grid Layout

[pylon]

Client likes idea of “Include events in main blog loop” for their site. Site uses Avada theme and they have the ‘timeline’ layout for the main blog page, which is two column layout. Unfortunately the events are spanning the 2 columns. I assume I need to modify the css for these layouts. Could you point me in the right direction as to the file that need addressing for desktop and mobile. If you want to provide example css that would be even better!

Need to visit http://www.etal.org.uk/clientview first before visiting http://www.etal.org.uk/blog to see the issue.

[Barry]

Hi!

I’d love to take a peek – but for whatever reason if I visit …/clientview and then navigate to …/blog I still see the same “Website on its way” page. Can you confirm the steps required to see this?

Thanks!

[pylon]

Can you try visiting http://www.etal.org.uk/clientview again, then kill any trailing address afterhttp://www.etal.org.uk/clientview and refresh that?

[Barry]

OK, so your theme is assuming that all of the items on that timeline are posts and so is targeting them with rules like this one:

.timeline-layout .post.align-left{width:300px;float:left;clear:left;}

Events are not blog posts though and so the posts class is not applicable. To workaround this, you would either need to add matching rules such as:

.timeline-layout .tribe-events.align-left{width:300px;float:left;clear:left;}

For each of the timeline layout rules, or else take steps to also add the post class to all events in the timeline, or, change the rule so it isn’t so specific.

I hope that helps!

[pylon]

That sounds closer!

How would I add the ‘post’ class to all events in the timeline? Would i need to add a custom field or add in functions.php?

[Barry]

WordPress has a post_class filter you can leverage for this sort of purpose:

http://codex.wordpress.org/Function_Reference/post_class

So that’s one avenue, or you could modify the relevant template and code it in there.

I hope that helps 🙂

[Barry]

Hi! It’s been a while so I’m going to go ahead and close this thread. If we can help with anything else, though, please don’t hesitate to create new threads as needed. Thanks!

[Author]

Posts