Calendar header problem…

[ttrusty]

Hello Tribe,
I’m having a display problem with the calendar header. The previous month, current month, current year, and next month elements are not displaying horizontally across the top of the content area, but are stacked on top of each other on the left side of the calendar-header div. The previous month span which is above the other elements instead of to the left of them is running off the top of the content area and partially hidden.

Does that even make sense? I just re-read it and it sounds rather cryptic. If there is a way I can send you a screen capture it may help.

Thanks in advance, Tom

[ttrusty]

Let me try explaining this again.

At the top of the page that the calendar is displayed on instead of the navigation links for the months displaying like this…

they display like this…

I’ve examined the code with Firebug, even making some changes to the CSS to find the source of the problem, but no luck. I’ve used ECP once before on another client’s site and didn’t have this problem.

Has anyone seen this before?

Thanks, Tom

[Rob]

Hey Tom. This is an interesting issue; we’ve heard a few issues along these lines previously but nothing matching this exact criteria comes to mind. It’d be really helpful if we could see your site – any chance you’ve got a link? If not, a screenshot (with something like Cloud or a related tool; just dropping in a link to the image directly) should be helpful. We’ll try and look into it for you from there.

[ttrusty]

Hey Rob, Thanks for getting back to me.

You can view a screenshot here: http://cl.ly/3J0F0H3J3o1Y1Z471t3E

Note that I removed the heading that normally appears directly above the calendar, and that the problem existed before I removed it.

While I have you, notice that there is something also wrong with the navbar. The links are correct (meaning they take users to the correct pages) but the text for each link has been replaced with the words “Calendar of Events’. It displays this way whether viewing the ‘Calendar’ or the ‘Event List’. And again it was this way before I removed the calendar heading.

Appreciate the help, Tom

[Rob]

Hey Tom. Thanks for confirming; I understand the issue now. Should be pretty easy to troubleshoot that. We may need to take a look at the code you’re using, but I’ve asked our dev Jonah to take a look when he hits the forums today. He can address that first issue.

The recurring “Calendar of Events” header issue has come up a few times. Are you using the Headway theme, by chance (https://theeventscalendar.com/support/forums/topic/events-calendar-2-0-1headway2-0-13-displays-calendar-pagetitle-in-all-nav-items/)? If not, what theme are you on? It’s quite likely that it’s a conflict either with that or with another plugin; if you are in a position where you can revert to the 2011 theme to see if the issue persists, it’d be great. Let me know.

[ttrusty]

Hey Rob. Yes I’m using Headway but a newer version than was discussed in the post you refered me to… 3.0.4 with WP 3.3.1., and when I revert back to the 2011 theme both problems go away.

I’m building a new site for a client but the WP portion of the new site is online at http://www.quiltbeginnings.com/qbits/?post_type=tribe_events. I can give you and Jonah admin access but prefer not to post it here. Is there an email address I can send it to?

[Jonah]

Hi Tom,

You can add some CSS styling to get the calendar navigation cleaned up. First, make a duplicate copy of /wp-content/plugins/the-events-calendar/resources/events.css and place in a folder named ‘events’ inside your theme.

On line 136 add this width rule to the .tribe-events-month-nav class: width: 385px;

On line 142 add float: left; to the .tribe-events-prev-month class and do the same on line 145 for the .tribe-events-next-month class

Then after the declarations on line 413 for #tribe-events-events-picker, #tribe-events-picker create a new declaration like so:


#tribe-events-events-picker select, #tribe-events-picker select {
float: left;
}


That should do it. Let me know if you need anything else with this.

[ttrusty]

Perfect! Thanks Jonah, that did it.

Question for future use — this is the first time I’ve used the ECP plugin with the Headway theme. Was that the reason for the display problem?

Also, the navbar displays the page title “Calendar of Events” in both Event List view or Calendar view, instead of displaying the real navigation link name for all the navbar items. Is that something you can help me with?

Thanks again, Tom

[Jonah]

Hey Tom,

It must have been related to Headway in some way, there may have been some CSS that headway was including that was overriding the default styling set by the plugin to get things lined up properly.

On the ‘Calendar of Events’ issue, we have this fixed in 2.0.4 which is coming out in the next few days but if you’d like a copy to test now just send an email to pro [at] tri [dot] be referencing this thread and I’ll get you a copy.

Thanks,
Jonah

[ttrusty]

Hey Guys,

I’ve looked around your site for info on upgrading and couldn’t find anything. Is there anything special I need to consider when upgrading from 2.0.3 to the 2.0.4 beta that you gave me?

Thanks, Tom

[Jonah]

Hi Tom,

No there is nothing special you need to do for this update. It’s a pretty minor update with no huge code changes and it’s mainly just patching a few bugs. Just replace the files/folders for the existing 2.0.3 version with the new ones.

– Jonah

[ttrusty]

Great. Thanks Jonah.

[ttrusty]

Jonah,

No luck on the nav bar. I upgraded both EC and ECP to 2.0.4 but the menu still displays the words “Calendar of Events”instead of displaying the actual navigation link names. Any ideas?

Thanks, Tom

[Rob]

Hey Tom: thanks for confirming. Just a heads up that Jonah may not be around today since I believe he’s traveling, so you may not get a response here until tomorrow. Just wanted to give you warning.

[Jonah]

Hi Tom, I wonder if I sent you the latest 2.0.4 beta copy… I’m going to have Rob verify and we’ll go from there. What theme or theme framework are you using by the way?

Also, what template option do you have set in Settings > The Events Calendar for Events Template? You might try switching this from Default Events Template to Default Page Template to see if that has any affect.

Thanks,
Jonah

[Author]

Posts