Support » Plugins » [Plugin: The Events Calendar] Grid view not showing up correctly


    I’ve looked through the other topics on this sort of question but couldn’t find any resolve within them.

    If you see it as I do (I’m using Chrome) you will notice that the Th, Fr, and Sat columns are all squished. I’m guessing because it’s not in full-width template, but since it is not a page itself I am not sure of the direct way to fix this.

    I would LOVE to have an extra link at the top (a page) that says Events that will link to the calendar itself:

    But I just installed it and haven’t been able to figure out how this would be done, since the events page generated itself.

    Other than these few questions I must say that this is a VERY well made plugin with some great features. Thank you for your time.


Viewing 9 replies - 1 through 9 (of 9 total)
  • Also, I wasn’t sure about this instruction. Is there anything I need to do?

    3. Update your permalinks to ensure that the event specific rewrite rules take effect.

    The instructions to fix this can be found here. This link should take you directly to the right post. I had the same issue and that fixed it. Let me know if this helps.


    No fix 🙁

    But when editing the page it says:

    Editing the-events-calendar/resources/events.css (inactive)

    Am I supposed to deactivate it to edit the file?

    I was hoping I could just figure out how to make a new page for it on the full-width template I have so there would be a link in the navigation bar that would go straight to category 6.


    It looks like there’s a conflict with the id of one of your div tags that is causing it not to appear full screen. You don’t have to deactivate the plugin to edit the files, so go to the editor for the plugin and you’ll need to make a change to the following pages:


    On each of these pages, change the line that says:

    <div id=”content” class=”grid”>


    <div id=”calcontent” class=”grid”>

    and hit the “Update File” button. The template’s CSS is formatting the <div> with the id of “content” a certain way, but this should fix the width issues.

    As far as the last three columns, I know what’s happening, but it’s a little bit harder to fix on your template. What’s happening is the php code is generating the page code for the calendar using a table. The problem lies in the last three columns of the table. The last three <td> tags in every row have a class of “thismonth right” or “othermonth right”.

    Here’s what it looks like.

    Because there is “right” in that class, the website is pulling the .right formatting from your template’s style.css file which causes the skinny columns. Usually the fix I mentioned in my earlier post will correct this because the plugin’s CSS file would supersede the CSS from your site’s template and make it render properly, but this is not the case with your template. Your template’s CSS file seems to supersede the plugin’s CSS.

    Here is what that yours looks like.

    I’m not sure why the code is generating the last three columns like this, but I have mentioned it to Shane who is a contributor for the plugin and they are working on the fix. I believe most of these issues should be ironed out in the next release or two depending on what other more important issues show up in the plugin. I’ll keep digging to see if I can come up with a solution for you. Stay tuned.



    Thanks buddy. Your help is very much appreciated!!!

    Any way you can think of to have the events.css supercede my template?

    Or could I add a class to my CSS and edit the calendar PHP to refer to it?? (hope I used the right terminology)

    Shane Pearlman


    Modern Tribe

    Right on Jared,

    Tannie, as a heads up – we are doing a release in the next couple days that will resolve the issue you have without requiring you to change the template. You will also want to be careful with jared’s solution of editing the actual plugin templates as you will need to redo these changes should you upgrade the plugin. Alternatively, you can use the template rewrite options in the documentation (copy the template files into your theme and hack on them there).

    Okay sounds good, until then I’ll enable list view.

    And don’t respond if I’m correct, but I will make sure to change the views’ PHP files back to id=”content” after you issue the release in the next few days.

    Oh oh oh I see, once I upgrade I’ll have to go back in and change the id tag back to calcontent since it will be overwritten during the upgrade.

    Do the events get overwritten during upgrade as well? I’m sure you’ll address this in the documentation.

    Shane Pearlman


    Modern Tribe

    Upgrades wont touch the db so your events are safe (in general).

    You probably will have to change it back – or better – you should change your css to match the new id structure.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Plugin: The Events Calendar] Grid view not showing up correctly’ is closed to new replies.