Tagged: ,

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


    My website is 99% complete (thanks to all the amazing people in the Kriesi support!), so, there’s minor details to achieve 100% completion.

    In this page I have a image with hotspots:

    They are great, but confusing for my customers (I got feedback today): I would need to have a mix of LETTERS (A, B, C…) and NUMBERS, in order to create a correct flux of reading for the customer.

    How could I customize this?

    All the best,



    Hi newtonlinchen!

    Can you please post a screenshot and show the changes you would like to make so we can understand it clearly?



    Here’s the link: https://www.dropbox.com/s/5wlnxiwt5qw4mmt/Screen%20Shot%202015-04-01%20at%2013.09.gif?dl=0

    But the concept was pretty simple: to be able to have letters as well as numbers and choose to different hotspots in the same picture.



    You can edit the hotspot element and set the hotspot layout to “Blank Hotspot” and then add some CSS to a codeblock element in the page like so.

    <style type = "text/css">
    .av-hotspot-container-inner-wrap > .av-image-hotspot:nth-child(3) .av-image-hotspot_inner::after {
      color: black;
      content: "A";
      position: relative;
      right: 3px;

    To change the character that gets displayed in each hotspot. In the code above it sets the third hotspot to display the “A” character.



    I tried the above, and it didn’t work.

    So I returned to the numbered hotspot.

    But I still want to do the changes.

    Any other method?




    Please feel free to request such feature here – https://kriesi.at/support/enfold-feature-requests/
    Currently such feature is not easily possible. If you need it urgently, please contact Codeable team using contact form here – http://kriesi.at/contact/customization



    This CSS tweak is working great with some adaptation, thanks enfold team !


    Hey romano2,

    I’m glad this help you. If you need anything else, please let us know here the forums.

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘IMAGE WITH HOTSPOTS’ is closed to new replies.