Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1091595

    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

    #1092745

    Hey Kesselhut,

    Can you show us / guide us on what effect style u want to achieve?

    Best regards,
    Basilis

    #1093325

    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

    #1094077

    Hi Henning,

    I am not seeing any tooltips on those pages.

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    #1095074

    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

    #1095861

    Hi Henning,

    Ok, thank you.

    Here is what I am seeing, seems to look like what you need, does not it?
    Image 2019-04-30 at 21.03.49.png

    Best regards,
    Victoria

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.