Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 30, 2018 at 3:40 pm #979595
    shermski

    Hi,

    I have managed to change the size for the hotspot area by using the following in CSS:

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

    This is what I need for most of my hotspot images.

    But for another hotspot image, I would like to use the the defaults. How can I change the hotspot sizes for this specific hotspot image?

    I have also another question. When I use hotspot within an element 4/5, with the purpose to have my sidebar visible, the hotspot image becomes to small. It does use the whole 4/5 area available. How can I change this?

    Kind regards,

    Herman

    • This topic was modified 6 years, 5 months ago by shermski.
    July 1, 2018 at 10:27 am #979777
    Rikard

    Hi Herman,

    Please post a link to where we can see the elements in question, also point out which elements you want the code to apply to, and which ones you don’t want it to apply to.

    Best regards,
    Rikard

    July 1, 2018 at 10:52 am #979786
    shermski

    Hi Rikard,

    The extended sections must be working for the following hotspot images (but there are more):

    Georgië

    Armenië

    Azerbeidzjan

    The rest of the needed info you will find in the private content.

    Kind regards,
    Herman

    July 2, 2018 at 7:10 am #979951
    Rikard

    Hi Herman,

    Thanks for that, do you only have one of those sections on each page? If so you can give you sections an ID in the element option, for instance hotspot-section. Then you can use the following CSS instead:

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

    Best regards,
    Rikard

    July 3, 2018 at 7:12 pm #980703
    shermski

    HI Rikard,

    Thank you. I have done it in a different way now. I have exchanged my first hotspot images into SVG files with areas to click. This looks way better how it was before. Then I could change the setting back in the CSS to use the default hotspot settings. This serves me well for my new hotspot image.

    But I will keep your proposal in mind if I need it in the future.

    Kind regards,

    Herman

    July 4, 2018 at 7:27 am #980952
    Rikard

    Hi Herman,

    Great, glad you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 4, 2018 at 9:25 am #981018
    shermski

    You can close the ticket.

    July 4, 2018 at 2:07 pm #981202
    Rikard

    Hi,

    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change hotspot size for one hotspot image’ is closed to new replies.