Calendar Navigation

[therapyonline]

On the events page http://onlinetherapyinstitute.com/events you can see the month navigation is too high on the page and we can’t navigate between the months.
On the events page–my sidebar widgets are forced down below the events or they go away completely.
My designers have worked hours on this and we still can’t seem to get this fixed.
http://onlinetherapyinstitute.com/event/therapys-digital-future/

[therapyonline]

I was wonder if anybody could help us with this

[Barry]

We’d be happy to help 🙂 please note for future reference though that we tend not to provide support forum coverage on weekends (you posted on Saturday) – unless you happen to get lucky and one of us is doing a little extra work – but that isn’t guaranteed.

On the events page http://onlinetherapyinstitute.com/events you can see the month navigation is too high on the page and we can’t navigate between the months.

There’s not a huge amount of space there for both the calendar and the sidebar … can I clarify though that the problem is the positioning of the Event List button?

[therapyonline]

Hi Barry,

Thanks for responding.
When I go to the events page at first glance I can see the calendar navigation April to May, May to June but when I get to July–the navigation gets skewed.
July is the first month that we have an event listed.
Then when I click on the July 9 event–the sidebar widgets suddenly disappear.

[Barry]

That is strange – it also looks as if the core plugin’s events.css file has been modified – here are some rules relating to the previous/next month links from that file:

.tribe-events-prev-month {
    margin-right:5px;
margin-top: -30px;
}
.tribe-events-next-month {
    margin-left:5px;
margin-top: -35px;
}

Whereas I would expect these to look like this (if it had not been modified):

.tribe-events-prev-month {
    margin-right:5px;
}
.tribe-events-next-month {
    margin-left:5px;
}

(Note the lack of negative margins in the original your modified version, top) … Are these changes that you or someone working on your behalf put in place? The negative margins are definitely one part of the strange layout issues in July.

[Barry]

Just to add – you can definitely add new style rules, but a best practice is to override the events.css from within your theme, or simply to add rules to your theme’s stylesheet. Some good references worth reading before making customizations:

Themer’s Guide to The Events Calendar

Template Overrides Tutorial

[therapyonline]

Barry,

Thanks for your response. My designers have been trying to get this to work–I will send them over your notes.

I appreciate your time and effort on this.

[Author]

Posts