Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 1, 2015 at 6:08 am #528052
    apps2go

    Hi there I am hoping someone can help me with an issue I’m having…. I really need to increase the clickable size of the hotspots I have on an image of a homepage. I have a css mod to remove the background of the hotspots, but I can’t figure out hot to increase the clickable area and keep it centered in relation to the hotspot image. I’ll post the current css mod for the hotspots if it helps… I’m not overly educated on on writing code of any kind but I can manage to find my way around php. and css files to makes the changes I need.

    .av-image-hotspot_inner {
    background: none !important;
    }

    Hope someone has an idea with for this.

    Cheers
    Josh

    November 1, 2015 at 6:59 am #528055
    Josue

    Hi Josh!

    Try with this code:

    .responsive .av-image-hotspot {
    height: 40px;
    width: 40px;
    line-height: 40px;
}

.responsive .av-image-hotspot-pulse {
    width: 70px;
    height: 70px;
}

    Best regards,
    Josue

    November 2, 2015 at 11:16 pm #528874
    apps2go

    HI thanks Josue!! It worked …. kind of lol Definitely made the clickable area bigger which was my biggest issue. Only issue is now the pulse is not centered in relevance to the clickable area of the hotspot. Do you have a code that I can use to offset the positioning of the pulse?

    Thanks Again
    Josh

    November 3, 2015 at 1:30 am #528910
    Yigit

    Hi!

    Can you please post the link to your website?

    Cheers!
    Yigit

    November 3, 2015 at 5:38 am #528992
    apps2go

    Hi Yigit! Its a friends site but I’m trying to help her out with it. http://www.azzyland.com let me know if you have any ideas.

    Cheers
    Josh

    November 3, 2015 at 10:35 am #529082
    Ismael

    Hey!

    You can increase the size of the hotspot then adjust the position with margins:

    .responsive .av-image-hotspot {
    height: 100px;
    width: 100px;
    line-height: 0px;
    margin-left: -20px;
    margin-top: -10px;
}

    Regards,
    Ismael

    September 15, 2017 at 12:47 am #852358
    ANASCHMITZ

    Hi, I am trying to use an image with hotspots, but the surface of the area of the image is too small. I want to put this image in the left side with an icon list on the right. Als the icon list is large I need the image to be almost the same size of large. I already try changing the image size but it doesn’t work, the only way is when I put it full size but then I cannot put the list beside and I need it there. Is it possible? Thank you very much.

    September 17, 2017 at 7:45 pm #853114
    Mike

    Hi,
    I tried to create what you explained using 1/2 columns for the Hotspot image & Icon List. Can you create a test page so we can see your issue better?
    2017-09-17_134215

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.