WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: The Events Calendar] Grid view not showing up correctly (10 posts)

  1. tlow87
    Member
    Posted 4 years ago #

    http://secularuh.org/?cat=8

    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: http://secularuh.org/?cat=8

    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.

    Tannie

  2. tlow87
    Member
    Posted 4 years ago #

    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.

  3. jrodato
    Member
    Posted 4 years ago #

    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.

    Jared

  4. tlow87
    Member
    Posted 4 years ago #

    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.

  5. jrodato
    Member
    Posted 4 years ago #

    Tannie,

    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:

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

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

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

    to:

    <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.

    Sincerely,

    Jared

  6. tlow87
    Member
    Posted 4 years ago #

    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)

  7. Shane Pearlman
    Modern Tribe
    Posted 4 years ago #

    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).

  8. tlow87
    Member
    Posted 4 years ago #

    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.

  9. tlow87
    Member
    Posted 4 years ago #

    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.

  10. Shane Pearlman
    Modern Tribe
    Posted 4 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic