Hello, I purchased the plugin only for the support extension. Therefore, I would be very thankful for your help. Please support me with the following issue and be as specific as you can, due to the fact that I am not a programming expert.
I want to create a link to a hovering element. The element should be only visible when hovering. In addition, it should have link to another Slide when clicking on the element. Therefore, I added the following CSS class manually for a hovering effect.
.hover { opacity: 0; }
.hover:hover { opacity: 1; }
I added the class hover to element that I desire to hover.
The hovering effect works fine. However, when I add a link to the element, as shown in the screenshot, (to an other slide of the slider) the hovering effect is not working any longer. If fact, the picture element does not appear at all, even if the link works fine. How can I make both work: the hovering effect and the link to another slide ?
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
You do not have to use CSS to set this up. The plugin provides a built-in hover animation for layers. I'd recommend to use that instead. You should set the layer's opacity to 0 in the Styles tab so it's invisible by default and then enable the hover transition for the layer with opacity 1, so it becomes visible when hovered. After that you can apply the link (#2 for example to navigate to the second slide) in the link and attributes tab of the same layer.
Hello, I purchased the plugin only for the support extension. Therefore, I would be very thankful for your help. Please support me with the following issue and be as specific as you can, due to the fact that I am not a programming expert.
I want to create a link to a hovering element. The element should be only visible when hovering. In addition, it should have link to another Slide when clicking on the element. Therefore, I added the following CSS class manually for a hovering effect.
.hover {
opacity: 0;
}
.hover:hover {
opacity: 1;
}
I added the class hover to element that I desire to hover.
The hovering effect works fine. However, when I add a link to the element, as shown in the screenshot, (to an other slide of the slider) the hovering effect is not working any longer. If fact, the picture element does not appear at all, even if the link works fine. How can I make both work: the hovering effect and the link to another slide ?
How do I solve the problem?
Hello Thilo,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
You do not have to use CSS to set this up. The plugin provides a built-in hover animation for layers. I'd recommend to use that instead. You should set the layer's opacity to 0 in the Styles tab so it's invisible by default and then enable the hover transition for the layer with opacity 1, so it becomes visible when hovered. After that you can apply the link (#2 for example to navigate to the second slide) in the link and attributes tab of the same layer.