Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 23, 2017 at 10:21 am #812032
    seykom

    Hi,

    I would like to change the hotspots into small squares.

    I tried this code:

    .responsive .av-image-hotspot-pulse {
    height: 30px !important;
    width: 30px !important;
    }

    .av-image-hotspot_inner {
    font-size: 8px;
    }

    But they aren´t squares and the pulse isn´t centerd anymore.

    What can I do?

    June 23, 2017 at 10:37 am #812036
    Guenni007

    please delete your code and try this one:

    .av-hotspot-container .av-image-hotspot_inner {
    border-radius: 0 !important;
}

.av-hotspot-container .av-image-hotspot-pulse {
    border-radius: 0 !important;
}

.responsive .av-image-hotspot {
    font-size: 14px;
    height: 30px;
    line-height: 29px;
    width: 30px;
}

.responsive .av-image-hotspot-pulse {
    height: 60px;
    left: -15px;
    top: -15px;
    width: 60px;
}

    i increased the size of the font a bit – if you don’t like it try with your font-size.
    vertical-centering you can achieve via line-height parameter.

    June 24, 2017 at 5:22 am #812379
    Rikard

    Hi,

    Thanks for sharing @guenni007, did you try that out @seykom?

    Best regards,
    Rikard

    June 26, 2017 at 9:43 am #812928
    seykom

    I already fixed it, but thank you! :)

    June 26, 2017 at 9:56 am #812936
    Nikko

    Hi,

    Glad that you have already fixed it. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Changing hotspots’ is closed to new replies.