Calendar Widget format issue.

[Neil]

Recently the format of the calendar widget has changed and appears elongated in the sidebar.
Instead of single rows there appears multiple rows
and the hover over event titles display improperly too.
This had worked properly until very recently.
Could you please advise any steps to correct this issue.

[Jonah]

Hi Neil,

Do you have a URL I can see the calendar widget on?

Thanks,
Jonah

[Neil]

As requested.

Blog

[Jonah]

Hi Neil,

I don’t see any events in the widget so I can’t confirm the hover over title issue.

The height of each table cell is explicitly set but you can override this with the following to get the heights the way you want. Add this to your themes style.css file:

#calendar_wrap .tribe-events-calendar td {
height: 60px !important;
}

Adjust the height to whatever you want.

Does that help?

[Neil]

The css helped restore the calendar widget to its original size (a height of 28px did the trick). There’s still an issue with the formatting of the hover text box. Depending on which day is selected either left side or right side of the hover box/text is cropped. The hover text box appears to be limited to the width of the calendar widget, which I do not believe was the case previously.
Thank You for your assistance to date.

[Jonah]

Hi Neil,

The tooltips are getting cut off because you have this in your style.css file:

.widget-area {
overflow: hidden;
}

You’ll need to remove that or change it some other way and then the tooltips won’t get cut off.

– Jonah

[Neil]

I was unable to locate
.widget-area {
overflow: hidden;
}

However, I added the following to the style.css which corrected the issue with the hover text box being cropped
.widget-area {
overflow: visible;
}

I then added the following which corrected the overall formatting of the tooltip

.tribe-events-calendar-widget .tribe-events-tooltip {
width: 300px;
left: 0;
text-align: center;
padding: 5px;
}

.tribe-events-right .tribe-events-tooltip .tribe-events-arrow {
left: auto;
right: 5px;
}
Thank You for your assistance the problems are now resolved

[Jonah]

Sounds good Neil, I’m going to close this thread out, but let us know if there’s anything else you need help with.

[Author]

Posts