Events+ Missing Information on Archive Page, need to reformat everything

At James' suggestion I have changed my archive page to https://christiangays.com/events-list/ This allows me to have a sidebar but it has thrown off all of the formatting that we have all worked so hard on.

I do want to keep this page so I guess we need to start working on it.
First please notice that the top of the page only shows the Title. There is no location or date.

The next 7 events are all the same in that they have the title UNDER the date and location. Can we put it above please.

And finally the last event showing has NO TITLE, only the date and location - the opposite of the first one.

The rest are not showing. I have conferences, etc booked into June. I would like them all to show please.

And once again, the "View Event" button is below the other content. It should be raised to the level of the information on the left side so that space is not wasted.

Support access is granted.
Thank you.

    James Morris

    Hello again Mary,

    You could have updated the thread I helped you with earlier and I would have been happy to help with this there since this is a related issue, but we can continue forward here.

    I just tried to access the site where Events+ is installed and for some reason, all your plugins are deactivated. Are you running a conflict test, by chance?

    When I tried to access the URL you shared, I'm getting the following error:

    Fatal error: Call to undefined function is_bbpress()...

    That being said, if you take a look at the options available in Events -> Shortcodes -> Archive shortcode there are several variables you can pass to the [eab_archive] shortcode. See screenshot: https://goo.gl/uPidBv

    Here's a few examples from my dev site which is running a default Twenty Sixteen theme an no other plugins:

    Output of [eab_archive] with no options:
    https://goo.gl/tH7RMh

    Output of [eab_archive category="mycategory"]:
    https://goo.gl/yshaiA
    https://goo.gl/DEi25b

    As you can see, the title is above the date and location. You may want to break your events into categories or used the paged option to ensure all are displayed correctly.

    I suspect the reason you're not seeing quite the same default layout that I am is because of previous customizations. Do you have any CSS of functions added that modified the previous layout?

    Using the following CSS, I was able to adjust some of the alignment a little bit and add some accent to make the events stand out a little better for easier readability.

    .eab-event > h4 {
        margin: 3em 0 -1em 0;
    }
    
    .eab-event {
        padding: 1em;
        background: #f5f5f5;
        border: 1px solid silver;
        margin: 1em;
    }

    Screenshot: https://goo.gl/c10HK1

    So, getting a nice layout is quite easy with a little CSS.

    Once you are done doing the testing your doing and I can access Events+ again, if you would like, I can look into why you're not seeing the default layout. If you already know the reason, please try removing any previous modifications and follow the tips I've provided above.

    Let me know if you have any further questions. I'll be happy to help!

    Best regards,

    James Morris