Question Kunena - Tool Tip CSS - Make tool tip look better

Hi,

The attached image will explain - How to make the tool tip look better as shown in attached image? I want to find the css to edit the tooltip.

In the attached image, both use kunena.

I use Joomla 3.2 and latest version of Kunena.

Thanks

G'day, tjjj, and welcome to Kunena.

When I first looked at this topic I thought to myself, "What a great idea!" ... until I looked at the forum on this site ( www.kunena.org ) and I discovered that the default tooltip here is almost the same as what you want but that the tooltip here does not look anything like the tooltip on your website! :pinch:

And here I was thinking I might even use your idea as a nice added feature in new websites that I build! Well, there goes that opportunity to make a few extra dollars ...

tijj wrote:

I use Joomla 3.2 and latest version of Kunena ...

Doesn't everyone? :dry: For your information, I use J! 3.2.3 (with the standard Protostar template) and K 3.0.5 on my test sites.

It may help if you watch the video vimeo.com/69818669 . I have a feeling that the reason you are not seeing the tooltip like you see it here at www.kunena.org is because your Joomla site template has an overriding CSS rule that changes the Kunena tooltip CSS. It may be also be helpful to read My Joomla site template makes a mess of Kunena ...

Hi,

Thanks for your reply.

Well, I am trying to make the tooltip look like on this site - NoNumber Kunena based Forum

I just dont know where the CSS is because firebug and chrome developer tool window cannot follow a hovered tooltip.

I just checked protostar template and it shows the same default tooltip as my template. So I guess I want to override the tooltip css instead of showing the default tooltip.

Thanks

Can I ask you something, please? When you look at this website here ( www.kunena.org/forum ) and you hover your mouse over a topic, what do you see? Do you see the tooltip with a solid black border and a yellow background, or do you see something else?

Is the tooltip effect at this site something like what you would like to see on your website? :dry:

When I look at this website here ( www.kunena.org/forum ) and I hover my mouse over a topic, - I see a solid black border with yellow background tooltip - Just like the attached image.

How do I change this to my own needs - Just need some help to find the css?

I am sorry but I was pretty clear in my first post and have a neat and clean image attached to the post with red comments showing what I am looking for. I know your time is VALUABLE and I really dont like taking up someone's time unnecessarily because I know your time is important!

First Post:

The attached image will explain - How to make the tool tip look better as shown in attached image? I want to find the css to edit the tooltip.

Second Post:

Well, I am trying to make the tooltip look like on this site - NoNumber Kunena based Forum
I just dont know where the CSS is because firebug and chrome developer tool window cannot follow a hovered tooltip

Thanks

tijj wrote: When I look at this website here ( www.kunena.org/forum ) and I hover my mouse over a topic, - I see a solid black border with yellow background tooltip - Just like the attached image.

I see something entirely different. I see a slightly grey background with a slightly shadowed border. It's been like that since K 1.5.

What web browser (and version) are you using?