[Plugin: The Events Calendar] Calendar not showing up correctly

Zendarin,

Also, I noticed on your website you fixed your grid view. Make sure to check the list view. I had some issues with the “content” div id and had to fix the following php pages too:

the-events-calendar/views/single.php
the-events-calendar/views/list.php

I just renamed them to calcontent, but if the fix you got from the theme provider worked, try it on those pages as well.

Sincerely,

Jared

Jared,

Thank you for being on top of this with Shane. I am an extreme novice when it comes to this stuff…learning how to create a wordpress account was a stretch for me.

I think keeping this thread going is a good idea.

Any word back from Shane on the issue you found in firebug with the calendar showing “thismonth right”?

How can I change this code so it works on mine? I may need step by step instructions. Thank you.

Shane,

Thanks for getting back with me and Jared. We appreciate the help very much. I’m going to need help with the CSS stuff, I don’t know what I’m looking for unfortunately.

Thanks so much!

James

Jared and Shane,

I use Firefox and it looks like the bug has to do with the way Firefox is reading the code. I just opened the site on internet explorer and the grid looks just fine.

James

Thanks Jarod – I figured I would have to fix the other views as well but now that I know how to do it that shouldn’t be a problem. I just needed break before my head exploded lol.

Sorry – I didn’t realize you were experiencing the same issue with the last 3 collumns being all messed up.

I do have confidence that Shane and co. will get this resolved as quickly as possible – especially with it affecting so many.

~Jack

Jack/James,

I have found a way to make it work for my website so I’m interested to see if this works for you. What was happening on my site was the last three columns on every row had the following html:

<td class=”thismonth right”><div class=”daynum”>1</div></td>

or

<td class=”othermonth right”></td>

Don’t know why is showed up like this, but because the class was “thismonth right” or “othermonth right”, the html was pulling the .right CSS class from my site template’s CSS file. To fix it I had to add some code to the plugin’s CSS file. I’ve looked at both of your sites and I tested this using Firebug and it looks like it will work. James, I know you’re not very code savvy, so I’m going to try and give it to you step by step.

1. Go to your admin dashboard for you site
2. Expand Plugins and click on “Editor”
3. In the top right next to “Select plugin to edit:” choose “The Events Calendar” from the drop down menu and then click “Select”
4.In the right column, click on “the-events-calendar/resources/events.css” (the second link on my page).
5. Go to the bottom of the edit box and start a new line.
6. Copy and paste the below code:
.right {
float: none;
}
7. Click “Update File” below the edit box.
8. Go to your calendar and see how it looks.

This should supersede the CSS from your site’s template (hopefully) and make it render properly. This is just a quick patch and is not a permanent solution.

Shane,

Is there a way to find out why the code is being rendered with the “thismonth right” or “othermonth right” classes? I looked at the PHP and can’t see right off the bat what would be causing it. Hopefully this is something that can be fixed in the next release.

Jared

Woohoo – that fixes 1 more problem, thank you Jared.

Now the only problem I have left is that no data for my event is showing up on the calendar. It is there if I switch to event view, but calendar view has nothing. -Whoops never mind, I figured this one out on my own. I didn’t have a title for the post and if there is no title it won’t display on the calendar.

Thanks again Jared for figuring this out, hopefully they will get this taken care of with the next release.

~Jack

Hey folks,

Thanks for all the help!!! (what an amazing community we have with wordpress).

Dan & I are working on this tonight. This will (hopefully) be resolved in the next release – which will be as soon as we have the template bugs wrapped up.

Jared you the man!

I haven’t had a chance to go through the steps…slammed right now with work. I’m going to give it a whirl asap. Please look for my feedback, but I think it should be easy enough. Thank you for being so considerate towards my skill level.

Best,

James

Sorry guys….I’m not a PHP programmer and am a bit lost here. I am having the same problem with the grid view using the Arclite Theme:
https://aslinsideatl.com/blog/category/events/

Any help would be greatly appreciated. Am happy to donate accordingly.

Thanks in advance,
Stacy

Jared it worked!

Thank you!

GREAT JOB! and fast too.

Your instructions were most helpful and simple enough for me to follow along. Thank you.

James

The earlier fixed you outlined did not work for me.
I also have a problem with the List page as the text for the event is lost in the background color. My other posts don’t have the dark background.

Geektink,

I see where you say the fix from my last post did not work, but it looks like you applied that fix and that seems to have cleared up your problem with the last three columns in the grid view. Give me a little time to look at the background/text issues. You might want to start a new post with this issue since the admins have marked this post as resolved. Post the link to the new thread here and I’ll let you know what I find out.

Jared

Geektink,

I see on most of your pages there are some div wrappers in the theme for content. If you look at the page source for your main page, there are some div tags with certain ids that give you your gray background. Those are:
<div id=”main-wrap1″>
<div id=”main-wrap2″>
and so on. I do not see these div tags in your calendar and events page. Are you applying a different template to those pages? You may want to try applying that template to those pages again. I applied the arclite theme to my pages and didn’t have this issue when I applied the “Page with no sidebars” template to my pages. Hope this helps. Let me know what you find out.

Just to make sure I’m clear, I think this is a problem with your theme and not with the calendar plugin. The plugin does not control your background and I can’t find any evidence of conflicting code between the plugin and your theme.

Also, make note that I am not affiliated with The Events Calendar plugin. I just a user that likes to help out where I can.

Jared

A very helpful user indeed. Jared you rock.

Just to follow up – we are going to release a quick update for localization. Once that is out, we will finish working on a new set of templates that should hopefully resolve a number of these class conflicts.

Ultimately though, if a user wants to integrate with a “fancy” theme, they will probably have the follow the documentation and create their own templates rather than use the default ones we provided with the plugin. Which is kinda cool, I mean how many people use kubric anymore? No one. Making your own themes is what gives our sites character.

Hi there can anyone help me with my event calendar.

Any time I’m posting, the calendar won’t allow me to change the date on my post’s or page’s. Even when I am wanting to use or edit a widget I need to disable the plugin for the events calendar, then enable it again which can be a bit of a pain. I’ve recently noticed as well that my events are missing so I’m having to enter them all over again. Also compared to other event calendar’s I’ve noticed that I don’t have the option for the drop-down for yester years or months which is also a pain because that means you have to keep clicking forward or backward through the months until you get the month you require.

Btw i’m using a woo theme if that makes any difference.

https://www.bandparades.co.uk/events/

Any help would be great, thanks in advance.