CSS problem – tooltip

[Edwin]

Hello Tribe –

I am trying to edit part of the Tooltip that appears in the Month View. Unfortunately, when I attempt to hover over the tooltip – to right-click and inspect element – the tooltip disappears. What I want to do is change the color to black of the date and time, but of course I don’t know what element to target in my CSS. Currently, it is yellow on the white background and difficult to see. Screenshot: http://upstairslounge.net/screen/screen3.jpg

Thank you-

Edwin

[George]

Hey @Edwin,

Thanks for reaching out. To adjust the color of that text in your tooltips, I would recommend removing all of the other custom CSS related to the tooltips that you have written thus far.

Then, add the following CSS to the bottom of your theme’s style.css file:


#tribe-events-content .tribe-events-tooltip .tribe-events-abbr {
color: #000 !important;
}


I hope this helps!

Cheers,
George

[Edwin]

Thanks George… that did it.

[George]

Awesome!

If you need to write more custom CSS on your site, definitely check out a [free!] tool like Firebug if you use FireFox, or the Developer Tools for either Safari or Chrome. They have “Inspector” tools that let you zoom right over the element whose styles you want to change…

And one last thing: keep good backups of all custom code you write! 😀

I’ll close up this thread for now but open a new thread any time if other questions, comments, or concerns arise.

Cheers,
George

[Author]

Posts