Tagged: ,

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

    Hello,

    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:
    http://www.quantitativo.com.br/traders/

    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,

    Newton

    #421353

    Hi newtonlinchen!

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

    Cheers!
    Yigit

    #422221

    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.

    #423164

    Hi!

    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">
    . (Purchase code hidden if logged out)  > .av-image-hotspot:nth-child(3) .av-image-hotspot_inner::after {
      color: black;
      content: "A";
      position: relative;
      right: 3px;
    }
    </style>
    

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

    Regards,
    Elliott

    #423715

    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?

    Newton.

    #423965

    Hi!

    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

    Regards,
    Yigit

    #1067485

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

    #1067529

    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.