Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 26, 2016 at 12:23 am #571708
    ar13860

    Hi Support,

    I have 2 image with hotspot on the following page. Timeline on the top (1936, 1939…..2013) and Timeline (2009, 2010, …2015)

    I would like to change the tooltip background color to green and position the tooltip a little closer to the hotspots on the second time line.

    How can I do that?

    Thanks
    Anna

    January 26, 2016 at 12:28 am #571712
    Yigit

    Hey ar13860!

    Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your second element and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .your-custom-class .av-tt-hotspot.avia-tt { 
top: 10px !important;
}
.your-custom-class .av-tt-hotspot.avia-tt,.your-custom-class .av-tt-hotspot.avia-tt .avia-arrow {
background: green !important;
}

    Best regards,
    Yigit

    • This reply was modified 8 years, 10 months ago by Yigit.
    January 29, 2016 at 10:34 pm #574815
    ar13860

    Hi Yigit,

    Thank you so much! Works like a charm!

    Thanks
    Anna

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How to style secong image with hotspot on the same page?’ is closed to new replies.