Single Event View after Update

[Jordan Polon]

Updating to 3.11 was definitely the smoothest one yet, but now I’m left with an issue that I can’t fix (when I try to fix it according to the themer’s guide I break everything.)
Can anyone there let me know what I’m doing incorrectly?
I’ve gotten halfway there-
I went from this: http://www.hartford.com/wp-content/uploads/2015/08/Screen-Shot-2015-08-05-at-2.09.33-PM.png

To this:
http://www.hartford.com/wp-content/uploads/2015/08/Screen-Shot-2015-08-05-at-2.09.46-PM.png

Which is better, but ideally I’d like this:
http://www.hartford.com/wp-content/uploads/2015/08/Screen-Shot-2015-08-05-at-2.10.04-PM.png

Or even this would be okay (from a different install): http://www.hartford.com/wp-content/uploads/2015/08/Screen-Shot-2015-08-05-at-2.11.42-PM.png

So, basically, I can not:
1. Get the event meta to the top of the single event view.
2. Move the gcal/ical to the bottom

I can remove the share buttons, that’s not the end of the world.
By the way, other than this issue, AMAZING job with the update. It feels faster and I love all of the little upgrades.

[Jordan Polon]

Oh: I also can’t get rid of the redundant info (the date under the event title and the repeated info in details.) Thanks again.

[Geoff]

Hi @Tara!

Sorry for the trouble here! We’re fairly limited in how much we can support customizations like this, but I’m happy to help as best I can.

I think the best way to get the event meta to the top of the content is to do a template override of the single-event.php template. You can do this by:

• Making a copy of the file–it’s located in /plugins/the-events-calendar/views/single-event.php
• Create a new folder in your theme directory called tribe-events
• Place the copied single-event.php file in that folder

Now that the template is in your theme, it can be modified to suit your needs. In this case, take the following lines from the template:

[php]
<?php do_action( ‘tribe_events_single_event_before_the_meta’ ) ?>
<?php
/**
* The tribe_events_single_event_meta() function has been deprecated and has been
* left in place only to help customers with existing meta factory customizations
* to transition: if you are one of those users, please review the new meta templates
* and make the switch!
*/
if ( ! apply_filters( ‘tribe_events_single_event_meta_legacy_mode’, false ) ) {
tribe_get_template_part( ‘modules/meta’ );
} else {
echo tribe_events_single_event_meta();
}
?>
[/php]

…and move it right below this line:

[php]<?php echo tribe_event_featured_image( $event_id, ‘full’, false ); ?>[/php]

That should move the entire event meta section right above the content.

As far as the Google Calendar and iCal buttons go, those should already be down at the bottom as long as no other changes have been made. Here’s what final result looks like on my end when using the default Twenty Fifteen theme.

Oh: I also can’t get rid of the redundant info (the date under the event title and the repeated info in details.)

You can take hide that extra info by creating a new CSS file in that same tribe-events folder called tribe-events.css and adding this to it:

#tribe-events-content .updated {
display: none;
}

Will this work for you? Please let me know. 🙂

Cheers!
Geoff

[Jordan Polon]

Thanks Geoff! This wasn’t the exact fix (the css fix removed all dates and time info, but I suspect that’s just some “fix” I made somewhere else) but it got me on the right track and everything is great. Thank you so much for the assistance.

[Geoff]

My pleasure! Thanks a bunch for following up and feel free to reach back out if any other questions pop up–we’d be happy to help. 🙂

Geoff

[Author]

Posts