How To Make a Hover Card Like a PRO in Elementor
Вставка
- Опубліковано 8 лют 2025
- In this video, I show you how to make an amazing hover card that slides up text over the image with easy-to-follow steps using containers in WordPress Elementor.
Source Code
urielsoto.com/...
On a platform with thousands of people "teaching" web design/code/elementor/etc, you sir, actually teach it. Subbed.
Thank you. I teach how I would like to be taught.
One of the clearest explanations of my life. Thank you so much for your work!
I will try that one in a carousel. Liked that you showed the result at the beginning of the video. Easy like for me
Very in-depth, love how you explain the css afterwards!
This is what we need, simple, explanatory, and beautiful results!
This is nice. I probably would add some button on mobile or something that indicates that you need to click to expand, cause in mobile doesn't exist hover.
Yeah that is true. Maybe an arrow
nice tutorial - thanks for sharing 🙂
This was very helpful. I did have to change some code on line 26. to "flex-end" instead of end. To get the hover effect to work correctly.
Great tutorial. Thank you for this.
thanks for sharing - nice tutorial !!
Excellent. Thank you
This is masterful
You're AMAZING!
Great Explanation 👌👌...But the title means that free elementor, for custom css need elementor pro.
We need more explore on "free version of elementor" not into pro....could you please do some exposures on the same
Thanks.
How can we set image instead of heading, text and button. I triead but failad. What to do? Should I make any changes in the code?
when i used this it looked great on the back end. on the front end it put the sub containers side by side, so instead of my 3 block it turned it into 6. Not sure how i could fix it
Thanks for this great video. Can you say what did you write on typography for size? I can't see it correctly.
clamp(25px, 2vw, 30px)
Alguien sabe por que al implementar el codigo CSS pierdo el estilo de las fuentes personalizadas?
how can I do it without containers? I find using new containers makes the website load slow on the backend.
tnx! i got a problem with my header, i have a fullscreen header but after the hoover effect it changes and gets really small! any ideas?
Check the css to see any conflicts.
Great video can you just zoom a little bit please
I'm definitely working on that. Will do better next time.
@@UrielSoto thank you
Two problems i have here. Don't know why there must be a transition in between instead of just moving the text up. Looks really weird when the text disapears and apears back again.
To avoid the gradient layer choose a monocolor or transparent.