Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 19, 2015 at 3:26 pm #520997
    Catty47

    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!

    October 20, 2015 at 3:59 am #521317
    Rikard

    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

    October 20, 2015 at 11:37 am #521508
    Catty47

    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!

    October 20, 2015 at 11:39 am #521509
    Catty47

    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?

    October 20, 2015 at 1:16 pm #521594
    Yigit

    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

    October 20, 2015 at 1:22 pm #521606
    Catty47

    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

    October 20, 2015 at 1:27 pm #521609
    Yigit

    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

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