[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

[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.

[Neil]

As requested.

Blog

[Author]

Posts