Position Tooltip higher

[Lars]

Hi,

Having added a little padding to the events here using:

.events-archive.events-gridview #tribe-events-content table .type-tribe_events { margin: 0; padding: 14px 8px; }

The Tooltip box is now too close to the event text, which makes it difficult to navigate. How do we position the Tooltip box a little higher up? We have searched by found nothing about this.

[Geoff]

Hi there, Lars!

Perhaps shifting the tooltip a little to the right will make things a little easier to navigate.

You may need to work with this a bit to get it how you want, but something like this might help:

.tribe-events-calendar .tribe-events-tooltip {
left: 30px;
}

Cheers!
Geoff

[Lars]

Hi,

Thanks! This actually did the trick:

.tribe-events-calendar .tribe-events-tooltip { left: 25%; bottom: 100% !important; }

[Geoff]

Awesome, thanks for confirming and marking the thread as Resolved! I’m glad this did the trick. 🙂

Cheers!
Geoff

[Author]

Posts