Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #520997

    Hi there,
    I’m using a hotspot media element on a page template, and I’m struggling to work out which of the settings in the Enfold configuration settings defines the colour?

    I have put a link to the page where you can see the tooltip in private content. As you can see, I need to change the colour of the tooltip so it is not the same as the image it sits on.

    Since we cannot change the colour of the tooltip from within the media element settings themselves, I wondered which general or default settings control it.

    Thanks!

    #521317

    Hi Catty47,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .page-id-443 .av-image-hotspot_inner {
        background-color: green !important;
    }
    

    Best regards,
    Rikard

    #521508

    Lovely, thank you – and tell me, can I use hexadecimal codes where it says green or must I use colours?
    If so, how can I find some colour-descriptions to choose from? Sorry, I just always use hex codes!

    #521509

    Also, the code you gave me has changed the colour – but only of the dot? If you look now at [web address below] you’ll see the dot is blue but the background of the text is still dark plum coloured, which is the one we want to change?

    #521594

    Hey!

    Please add following code to Quick CSS as well

    .av-image-hotspot .avia-tt .inner_tooltip {
        color: white !important;
    }

    and yes, you can use HEX value of the colors :)

    Regards,
    Yigit

    #521606

    Brilliant, that’s changed the text colour….

    Now for the background?! You see where the background of the tooltip box is the same colour as the dark red background – we need to be able to change that to say a pale blue…

    Thanks for the tip re hex codes too

    #521609

    Hey!

    Please add following code to Quick CSS as well

    .av-image-hotspot .avia-tooltip, .av-image-hotspot .avia-arrow {
        background: orange !important;
    }

    Cheers!
    Yigit

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