-
AuthorPosts
-
June 30, 2018 at 3:40 pm #979595
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 #979777Hi 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,
RikardJuly 1, 2018 at 10:52 am #979786Hi Rikard,
The extended sections must be working for the following hotspot images (but there are more):
The rest of the needed info you will find in the private content.
Kind regards,
HermanJuly 2, 2018 at 7:10 am #979951Hi 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,
RikardJuly 3, 2018 at 7:12 pm #980703HI 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 #980952Hi 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,
RikardJuly 4, 2018 at 9:25 am #981018You can close the ticket.
July 4, 2018 at 2:07 pm #981202 -
AuthorPosts
- The topic ‘Change hotspot size for one hotspot image’ is closed to new replies.