Tooltip opacity

[tbettinazzi@axioma.it]

I used a smart-tooltip in my app.

When the tooltip is shown the message appear very transparent and difficult to read.

I tried to modify opacity to 1 but I didn’t succeed.

How can I change the opacity to make the tooltip more readable ?

Tks

[Markov]

Hi,

You can try this:

smart-tooltip .smart-tooltip-content { opacity: 1;}

Best Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[tbettinazzi@axioma.it]

Done but nothing changed.

The value is kept but the the tooltip is still transparent and poorly readable.

Tks

[Markov]

Hi,

Example: https://codepen.io/jqwidgets/pen/mdNYyOd

Best Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[tbettinazzi@axioma.it]

I’m not able to unberstand where the problem could be.

Your testcase works.

If I put my css classes in Your testcase it still works.

In my environment I verified that opacity is set 1 and is kept but the tooltip is still trasparent (background yellow)

I dont’ see where I should look for.

Any further suggeston ?

Tks

 

[Markov]

Hi,

I suggest you to open your browser’s DevTools and check what happens on your side and see if you have some additional CSS styles applied as the opacity is defined in CSS.

Best Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[tbettinazzi@axioma.it]

I already did it but I didn’t see anything strange : the opacity is set to 1 but the tooltip it’s still transparent (I use Firefox).

[Author]

Posts