Hi,
i have a question concerning the styling and behavior of the tooltips.
I have added tooltips in a code-block – these tooltips seems to be not affected by the styling which is applied via quick-css.
->See private content
i have added the tooltip in the code block like this by adding “data-avia-tooltip” to the link.
I want the the tooltips in the code block to look like the tooltips which are applied to the icons.
The CSS for the tooltips looks like this:
.avia-tooltip.avia-icon-tooltip.avia-tt { background-color: rgba(209, 128, 0, 0.8); color: #fff; font-size:18px !important; }
.avia-tooltip.avia-icon-tooltip.avia-tt .avia-arrow { background-color: rgba(209, 128, 0, 0.8); }
Can someone help me find the right selector?
Thanks in advance
Henning
Hey Kesselhut,
Can you show us / guide us on what effect style u want to achieve?
Best regards,
Basilis
Hi Basilis,
i want the tooltip background color to be semi-transparent orange.
The text should span, not break at certain points.
Hope that helps.
Greetings
Henning
Hi Henning,
I am not seeing any tooltips on those pages.
Could you please attach some screenshots of the issue?
Best regards,
Victoria
Sorry for the late reply..
In the large image are two “dots” and in the other example “arrows”.
If you hover over these elements the tooltips will show up.
Greetings
Henning