Adjusting/reducing Calendar Width

[dboraks]

We use Events Calendar Pro for our website, and the current width of the calendar in Calendar View extends into global paid advertising space. What is the best method for reducing the calendar width with minimal impact on readability? We would like to avoid reducing the already committed space.

Calendar link: http://www.davidsonnews.net/guide/events/

[Jonah]

Hi dboraks,

The easiest method would probably be with CSS but the width looks ok to me in Chrome: http://cl.ly/image/0i341w2x3o3B – is this not what you’re seeing or is there a particular browser where you having this problem?

[dboraks]

The issue occurs in all browsers/platforms that I tried when you go to a very populated month, such as May. The width extends pretty far into the right sidebar. Is there a guide to fixing it with CSS, if that ends up being the best solution?

[Jonah]

Hi dboraks,

Oh ok, I see it now. Try adding this to your theme’s style.css file:

.tribe-events-calendar hr {
width: auto;
}
#tribe-events-content .tribe-events-calendar td .tribe-events-event {
padding: 6px 8px !important;
}

Your theme was applying a width to hr elements in the calendar. That’s the main problem and then the second part is a little CSS to adjust the padding a bit to get things fitting better.

I hope that helps!

[dboraks]

Thank you very much – that worked just as intended.

One last question: is there a way to keep the calendar from changing its title each time a new event is added? It seems to be defaulting to the name of the most recently added event. I have a feeling this is a similar stylesheet issue.

Thanks again for your help!

[Jonah]

Hi dboraks,

Actually the title issue is something else. We have an FAQ written up that should hopefully help you out with that: https://theeventscalendar.com/faqs/the-calendar-page-title-shows-title-of-an-event/

I hope that helps!

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts