Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 28, 2014 at 4:04 am #341957
    satner

    HI there,

    I am need to change the default hotspot numbers to a star. Currently they are counting up but I would like to replace it with a star image. What is the easiest way?

    October 29, 2014 at 10:13 pm #343028
    Andy

    Hey satner!

    Can you post a link to your website please?

    Best regards,
    Andy

    October 30, 2014 at 3:54 am #343226
    satner
    This reply has been marked as private.
    October 31, 2014 at 4:53 pm #344138
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

     .av-image-hotspot_inner:after {
content: '★';
color: #888!important;
position: relative;
left: -3px;
}
.av-image-hotspot_inner {
color: transparent!important;
}

    Best regards,
    Yigit

    March 19, 2019 at 9:41 pm #1080553
    JantienM

    Hi!

    The code above works great, I’m just curious how can I use another icon? Somehow you have pasted a star in the code, I want to use the bullseye though. How can I put it instead of the star?

    Thanks!

    March 20, 2019 at 2:47 am #1080609
    Jordan Shannon

    Hi,

    Try the following:

    .av-image-hotspot_inner:after {
content: '\25CE';
color: #888!important;
position: relative;
left: -3px;
}
.av-image-hotspot_inner {
color: transparent!important;
}

    Best regards,
    Jordan Shannon

    March 20, 2019 at 9:27 am #1080726
    JantienM

    Hi Jordan,

    Thanks, this works. Do you also know a way to change the size of the icon? I tried the following code, but that only applies to the size of the hotspot itself and not the size of the icon. Thanks again!

    .responsive .av-image-hotspot {
    height: 32px;
    width: 32px;
    line-height: 32px;
    }
    .responsive .av-image-hotspot-pulse {
    top: -11px;
    left: -11px;
    }

    March 20, 2019 at 9:35 am #1080727
    JantienM

    Hi, I found it out. I added font-size: 22px; and that worked!

    March 20, 2019 at 3:12 pm #1080852
    Jordan Shannon

    Hi,

    I’m glad you got it resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How can I change the default hotspot numbers to an emoticon/image?’ is closed to new replies.