Help Desk

How do I get calendar to display as shown on WP Shindig?

  • | Permalink

    Hi Guys
    I’m evaluating the Events Calendar for a client and I’m trying to get it to look like the WP Shindig demo. Basically, I just want the event details to appear in the Month view, and for the tooltip to pop up on hover with the image and description.
    Right now all I get is a dot showing on the day of the event (http://reelscene.co.uk/events/), no tooltip, and you have to click it to go to the event details page. I’m not sure if this is an issue with the theme my client is using or the way I configured the plugin. I’ve tried the Default Page Template and Default Events Template in the settings… is there something else I need to do? Do I need PRO for these features?

    Cheers

    Lucas

    Posts: 6503
    | Permalink

    Hi Lucas

    When I visited your page, it very briefly showed the calendar and then hid it with the footer. What I was able to see looked like it was a shortcode embed of the calendar, and not the normal /events page that our plugin generates. Is there a chance this calendar is a shortcode embedded on a page? Our calendar does not require you to create a page.

    When you go to Events » Settings » General » Events URL slug, where is the default calendar set to appear?

    Thanks
    Courtney 🙂

    | Permalink

    Hi Courtney

    Thanks for the reply 🙂
    No, the events page is not an embed, I installed the plugin using the default settings and the value you requested is:

    Events URL slug: events
    The slug used for building the events URL.Your current events URL is: http://reelscene.co.uk/events/

    And under Display I chose Tribe Events Styles and Default Events Template

    Cheers

    Lucas

    Posts: 6503
    | Permalink

    Hey Lucas

    I’m checking in to this issue further on our end. In the meantime, can you start by going through our Testing for Conflicts Guide https://theeventscalendar.com/knowledgebase/testing-for-conflicts/?  I am wondering if you might have a plugin or theme conflict. 

    We recommend conducting these tests on a staging server (https://theeventscalendar.com/knowledgebase/creating-using-wordpress-staging-site/). If you are unable to do so, please install <a href=”https://wordpress.org/plugins/health-check/“ title=“Health Check Plugin”>the Health Check plugin so that you can effectively disable all plugins without website visitors noticing any changes.

    Begin by deactivating all other plugins, using a theme such as Twenty Seventeen https://wordpress.org/themes/twentyseventeen/, and see if the issue still persists.

    I do see an issue as well with a Javascript eror. See Using Your Browser to Diagnose JavaScript Errors.

    Also, double check for any other updates available (Dashboard » Updates). 

    Please let me know if the issue still persists after these tests.

    Thanks
    Courtney 🙂

    Posts: 6503
    | Permalink

    Hey Lucas

    It looks like your footer area has a css position: fixed defined. This will continue hiding the page content. Can you modify that?

    We are seeing:

    #grve-footer.grve-fixed-footer {
        position: fixed;
    

    Thanks
    Courtney 🙂

    | Permalink

    Hi Courtney

    Thanks for looking into this for me 🙂
    It looks like W3 Total Cache was the problem, I followed the recommendations on your site and now the calendar is displaying a lot better. Do you think I still need to do anything else, for example the position: fixed issue in the footer?

    Cheers

    Lucas

    Posts: 6503
    | Permalink

    Hi Lucas

    I did see the calendar longer but it ultimately still was hidden behind the footer. I’d still suggest adjusting the position on the footer if possible.

    Thanks
    Courtney 🙂

    | Permalink

    Hi Courtney

    is it possible for me to add custom CSS only to the events page? I can change the style to be position hidden or position normal for that page but I’m not sure how to do it 🙂

    Cheers

    Lucas

    Posts: 6503
    | Permalink

    Hey Lucas

    I visited your site and it looks like you might’ve fixed this issue.

    #tribe-events { }
    

    is our code for targeting just our generated content.

    Is there anything else I can help you with?

    Thanks
    Courtney 🙂

    | Permalink

    That’s great, thanks for all your help Courtney 🙂

    Posts: 6503
    | Permalink

    Thanks Lucas 🙂 Happy to help. Glad you got this working!

The topic ‘How do I get calendar to display as shown on WP Shindig?’ is closed to new replies.