Hello there,
I’ve got a problem with my Hot Spot Image element, especially with the text of the hot spots. My plan is to achieve a design where if you hover the hot spot with your mouse you will see the text of the hot spot appearing in a way that the text will still be placed on the picture. Please have a look: https://dev.durom-hueftprobleme.de/meine-rechte ; I think that the problem at the moment is actually that if the hot spot is hovered with the mouse the text will appear over the hot spot. that’s why the text floats out of the picture. I would be very happy about a fast reply so that I can fix the problem for my customer. A suitable CSS-Code with explaination would be outstanding!!!
Kind regards
PS.:
The text of the hot spot replies to the classes:
.page-id-1650 .av-tt-hotspot,
.page-id-1650 .av-tt-hotspot .avia-arrow
Hey marcel,
Best regards,
Victoria
Hey,
Thanks for the fast respond! Okay, I do understand. Have you got any other suggestions which elements I could use to create a nice responsive site that also works for mobile screens?
Hi marcel,
Could you please attach a mockup of what you’re trying to achieve? What look do you need?
Best regards,
Victoria