Month dropdown, last month link not showing

[Scott]

I just purchased ECPro this afternoon (Mar 5). Installed at
http://wfplibrary.org/calendar/
When in Calendar view, I can see only the dropdown for year selection and the link for next month, on separate lines. Month dropdown (hence current month) and previous month link do not appear, making the plugin virtually unusable in Calendar view. This is a fresh install. The code is in the page for these missing elements to display, but they are not visible. This is occurring in the Default Page Template.

In the Default Events Template, all four elements show (previous month link, month dropdown, year dropdown, next month link), but they appear vertically and overwrite the page title.

[Rob]

Hey Scott. Thanks for the note, and for your purchase…sorry to hear you’re having issues. I’m seeing the problem on your site here – let me see if our dev Jonah can identify what’s up. Have you already tried deactivating other plugins (and reverting to the default 2011 theme, as needed) to see if this is a conflict of some kind?

[Scott]

Actually, I have not taken those steps. It was quite late when I noticed the problem last night, and I was fading. Thought I’d zip off a note, see if it was something you’d see before. I’ll give those steps a whirl today.

[Rob]

Thanks Scott. If you can take a look and help identify whether there is a conflict and if so what it is, that’d definitely be helpful for our team. Let us know when you can!

[Scott]

Rob,

Sorry it’s taken me so long to get back to you. Busy day. And, yeah, it looks to be a theme issue. :-/ I thought that might be the problem, but was hoping not.

My theme is iFeaturePro from Cyberchimps. http://cyberchimps.com/ifeaturepro/ FWIW…

As I said in my previous post, if I do a CTRL+U and look at the page code, I can see the code for the missing elements, but they are just not showing up.

I’ll try installing this on a different Cyberchimps theme, see if I have the same issue.

I hope this is something that can be remedied, as I almost exclusively use Cyberchimps themes.

[Jonah]

Hi Scott,

It’s an issue with the CSS and can be cleared up without too much difficulty. First make a copy of /wp-content/plugins/the-events-calendar/resources/events.css and place in an ‘events’ folder in your theme.

Open this file in a code/text editor and find line 28 and add this width like so:

.grid #tribe-events-calendar-header {
height: 50px;
width: 565px;
}


Then on line 136 change the CSS so its like this:

.tribe-events-month-nav {
position: relative;
left: 0;
bottom: 0;
z-index: 0;
width: 366px;
display: block;
top: 12px;
}


On line 142 change the CSS for the class like so:

.tribe-events-prev-month {
margin-right: 5px;
float: left;
}


On line 145 change the CSS to the following:

.tribe-events-next-month {
margin-left: 5px;
float: left;
}


On line 413 remove the display: inline for:

#tribe-events-events-picker, #tribe-events-picker {
display: inline;
}


Somewhere else in events.css (maybe down at the bottom) add the following:

#tribe-events-events-month,
#tribe-events-events-year {
float: left;
}


That should do it but you may need to make some additional tweaks to get it just right in your theme.

[Scott]

YAY!!! You rock. Working just fine now.

I’ll keep this in mind. Want to use the plugin in another theme from the same provider. I’ll see if it works there, as well.

[Rob]

Awesome! Thanks Jonah.

Scott: glad to see you were able to get this functional. If we can do anything else, please let me know.

[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