EVENTS+ Layout problems

Hi.

Please review screencast: https://www.screencast.com/t/Pwjwqv41Dtsj

As presented, I am having problems with the Layout of my Events calendar page and Single events page.

The calendar does not stay within confines of the them full width layout.

The Single Event template looks terrible when Override default appearance? is checked, which in turn is mandatory to have a calendar appear.

Please advise.

  • Sajal Sarkar

    Hi David,

    Hope you're doing well today!

    Layout problems solved! I have added some custom CSS and JS. You will find them at "Custom CSS & JS" section on your WordPress dashboard.

    CSS:
    .evnt_contr {
        width: 1170px;
        max-width: 100%;
        margin: 0 auto;
    }
    
    #wpmudevents-single {
        padding-right: 20px;
    }
    
    @media only screen and (max-width: 1199px) {
        .evnt_contr {
            width: 940px;
        }
    }
    
    @media only screen and (max-width: 979px) {
        .evnt_contr {
            width: 724px;
        }
    }
    JS:
    jQuery( document ).ready(function($) {
        $('#wpmudevevents-wrapper').addClass('evnt_contr');
    });

    Note: Use "Plugin: Calendar" instead of "Plugin: Default" because Single Event template does not show featured image for Plugin Default module.

    Hope this helps. Let me know if you need any further assistance regarding this.

    Best regards,
    Sajal

  • David

    Thank you for the quick replay. I do see the code and it looks better.

    Follow-up questions:

    Please review screenshot: https://www.screencast.com/t/WN6h9egHRwd

    1. How do I add a time stamp to the entries on the calendar? (they only appear as roll-over pop-ups at this time)?

    2. Can I fit multiple events for one date box?

    3. How to I modify the color from green and white to another color?

    Thank you in advance for the assistance.