Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 31, 2015 at 2:12 am #420925
    newtonlinchen

    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

    March 31, 2015 at 5:19 pm #421353
    Yigit

    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

    April 2, 2015 at 12:31 am #422221
    newtonlinchen

    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.

    April 3, 2015 at 5:05 pm #423164
    Elliott

    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">
.av-hotspot-container-inner-wrap > .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

    April 5, 2015 at 8:18 pm #423715
    newtonlinchen

    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.

    April 6, 2015 at 3:24 pm #423965
    Yigit

    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

    February 15, 2019 at 3:49 pm #1067485
    romano2

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

    February 15, 2019 at 7:15 pm #1067529
    Jordan Shannon

    Hey romano2,

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

    Best regards,
    Jordan Shannon

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