Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #922282

    Hello there,

    I have serched already in the support but I couldn’t find anything to figure it out my need.

    I am using hotspot and I need to manage the baloon background opacity in order to make it a bit transparent (simething like 0.8), and also show an outline.

    Can you please suggest a quick CSS change for both requests?

    many thanks

    • This topic was modified 6 years, 9 months ago by acidwhisper.
    #922314

    Hey acidwhisper,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #922337

    Hello Victoria,

    yes I can, here the link to the page with the tooltip http://gm-test-web.com/nashi-aromaty/

    The website is password protected, please use this credentials:

    • This reply was modified 6 years, 9 months ago by Rikard.
    #922715

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .av-tt-hotspot {
      background:rgba(255,255,255,0.8) !important;
    }

    Best regards,
    Rikard

    #922801

    Hello Rikard,

    thank you very much it worked fine!

    As per request, any idea how to outline the tooltip baloon, something very easy like 1px outline in black color?

    thanks
    Giovanni

    • This reply was modified 6 years, 9 months ago by acidwhisper.
    #923366

    Hi,

    .av-tt-hotspot {
      background:rgba(255,255,255,0.8) !important;
      border:1px solid #000;
    }

    Let us know if that works

    Best regards,
    Basilis

    #923729

    Hello Basilis,

    everything worked fine, many thanks.

    Giovanni

    #923781

    Hi Giovanni,

    Glad that Basilis helped you! Thanks for using Enfold and have a great day :)

    Best regards,
    Nikko

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Hotspot's tooltip – How to manage opacity and add a baloon outline’ is closed to new replies.