Calendar & Event formatting in Reach Template

[Richard]

Hi there. I seem to be having a couple of formatting errors with my implementation of The Events Calendar, hope you can help.

I use the Reach template, I’ve switched off all my plugins apart from:
Akismet, Custom post Type UI, Formidable (like Gravity Forms), NextGEN Gallery, S2Member & Vault Press (and obviously The Events calendar & Events Calendar PRO).

Which is slightly irrelevant as I know it’s my template as I have a test instance that’s almost identical running with the Twenty Eleven theme and the calendar is perfect.

So, my theme is messing up the formatting of the calendar:

1) It’s showing the event titles as the page title.
2) The ‘event list’ and ‘calendar’ buttons are hiding under the sidebar.

All events

I don’t have a full page template in this theme because of the vertical nav.

Any suggestions you have as to how to fix this would be mucho appreciado.

thanks!
Rich

[Rob]

Hey Richard. Thanks for reaching out. This should be relatively easy to diagnose; let me get our dev Jonah to take a look when he hits the forums next.

[Jonah]

Hi Richard, I’ll do my best to point you in the right direction but you’ll need to work with some of theme specific issues yourself.

On #1: you’ll want to use conditional code to modify how the title is being displayed on various pages. Find in your theme where the_title() is being called and use the following code to override:


if(tribe_is_month()) {
echo 'Calendar Grid';
} else if(tribe_is_event() && !tribe_is_day() && !is_single()) {
echo 'Event List';
} else if(tribe_is_event() && !tribe_is_day() && is_single()) {
echo 'Single Event';
} else if(tribe_is_day()) {
echo 'Single Day';
} else {
the_title();
}


On #2: there’s probably a few ways to do this with CSS and you’ll need to figure out the perfect way but one way that should work is to modify the /wp-content/plugins/the-events-calendar/resources/events.css file (place a copy in an ‘events’ folder in your theme). On line 23 for the #tribe-events-calendar-header div, add a width of 700px. That should work.

I hope this helps!

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts