Carousel Text Link with hover
Hey Lay Theme Team, thank you for your great work.
I am working on a Website and using the carousel add-on. However I want to have text with links in the carousel which get underlined while hovering. I was able to achieve that, but unfortunately the whole text is jumping when hovering over the links. Probably the line height changes because of the underline. On a different subpage without a carousel the hover within a text is working completely fine.
Do you have idea how to solve this problem?
Would be really great if you could help.
All the best,
Great website ✨
The link provided doesn't have a carousel currently, am i missing something - sorry if i have mis-understood!
Talk soon 🌝
thank you for your response. :)
that is the link and it is a Carousel without pictures but instead with text.
If you hover over "->forum" it gets underlined and the text above moves a little bit higher. How can I stop that, it should not move?
Thank you for the update,
I don't want to be difficult but when testing on Chrome, Safari & Firefox i am unable to recreate the 'Jumping' when hovering "Forum".
Has something recently changed ? - Wish to help! 🌝
Hi Richard, thank you for all your effort. :)
The problem remains the same for me. Probably I have explained it too difficult :D. I made a screen recording to show you what is going on.
I am talking about the links within the text and not the menu points.
Have a look, maybe it is understandable now.
All the best,
Thank you for the video, great use of Shared Adobe ✨
The Bottom border when activated adds 3 px of padding to the Link. This is what causes the 'push'
The <span> elements also dont help this seperation:
Does this shed any insight into the Issue?
Hi Richard, thanks for your insights.
Unfortunately, I am not good at coding. How can I change the extra padding underneath the link?
On the front page, for example, the bottom border works perfectly fine. I think it has something to do with the carousel plugin.
I reduced the span elements a little bit.
All the best,
If you still need help with Custom CSS for this let me know via 'Chats' ✨
Best wishes & have a wonderful day 🌝
Before you post
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it