Amending the CSS of Tooltips – fonts, background Colour

[hugo]

Hi my theme is sending my tooltips crazy – I wanted to edit the size of font and colour of the excerpt text etc.

What are my CSS overrides to achieve this ?

[George]

Hey Hugo,

Thanks for reaching out!

We unfortunately cannot help with design and customization. See this page for more information: https://theeventscalendar.com/knowledgebase/what-support-is-provided-for-license-holders/

So, to write 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 (like the tooltips).

---

Despite the policy mentioned above, I am happy to help provide more specific assistance here. I would be happy to show an example of CSS for your site! 😀

However, when I went to your page I could not see the tooltips at all. Did you disable them or something? If so, can you ensure that they are visible and link directly to where they are visible on your site?

Thank you!
George

[hugo]

Hi George

Thanks – that’s very helpful.

But I’m concerned you’re not seeing the tool tips – it seems sometimes they display and all of the formatting is good and then other times it’s all over the shop.

I started another thread about that last night and am waiting for some support aid.

Real concern. What’s going wrong here ?

[hugo]

George, good news – I’ve resolved the issue of the tooltips not displaying but I’m still having trouble working out what CSS to edit to get the tooltips just right.

Here’s a screen grab of the Safari version of Firebug – any ideas welcome please !

[hugo]

[George]

I couldn’t find the events page, @hugo, no worries. Now that I can find the page I see the tooltips.

You’ll have to take the reins on all further tinkering and styling, but here’s CSS to ensure that the text is visible in the tooltips:


.tribe-event-description p {
color: #000 !important;
}


Drop that into the bottom of your theme’s style.css file and you should be good to go.

Best of luck with your project!
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