Day Titles overlap in Month Calendar view

[Steven Gardner]

I have version 4.0 The Events Calendar our non-profit site at http://www.lichgateonhighroad.org/up-and-coming/ when looking at the “View as month” calendar the end of the day title “Wednesday” overlaps the “Thursday” day. I’ve spend a lot of my day figuring out your event system and will be purchasing the Pro-version so I can add repeat events with having to continually add them manually. I am a little concerned about this issue though. I looked through your help section and it appears a similar issue was fixed on your 3.7 update but I believe it has reappeared. Any way of correcting this through “editor”? or other option?

Thank you, Steve Gardner

[George]

Hey Steve!

Real sorry for the trouble here – I took a look at your site and unfortunately found that these overlapping issues arise from various styles inherited from your theme.

That does not mean we can’t help here 🙂 Just pointing out the source of the problem; and the fact that follows from it, which is that unfortunately the only way to fix this is to use some custom CSS.

There are a number of approaches that could theoretically work here. One example would be to widen your entire theme – but this is clearly a big change that could have many many consequences.

A smaller and simpler change that would be just as effective would be to decrease the font-size of the day titles ever so slightly. For example, try pasting the following CSS at the bottom of your theme’s style.css:


.tribe-events-calendar thead th {
font-size: 1em !important;
}


1em is just an example, but you can change it to any size you’d like.

Here’s how 1em font size makes things look on your site:

I hope that helps! 😀

Cheers,
George

[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