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

    I want to customise the hotspot background image for each ; so that I have a little animal icon on each hotspot

    Hotspot one image icon of dog
    Hotspot two image icon of cat
    Hotspot three image icon of rabbit etc

    Cna you please know how I can achieve this thansk



    Hey condonpb!

    Sorry for the delay.
    We are working on your ticket please wait while we update the results here soon.

    You can use CSS to target 1st 2nd and so on… any number of hotspots.

    Change the number in nth-child(1) to 2, 3 and so on… to target the second, third etc…

    .av-hotspot-container-inner-wrap .av-image-hotspot:nth-child(1){  
      background: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png)50% 50%!important;


    • This reply was modified 7 years, 5 months ago by Vinay.

    Hello Vinay,

    Where should I paste these commands? Quick or Custom CSS? I tried both and it doesnt seem to work. Kindly help.
    Link to my page below in private area:




    not sure what you want to achieve. Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Best regards,


    I would like to know how to do this too!


    Please open your own ticket and show us exactly what you want to achieve, using a mockup/screenshot.

    Best regards,

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