Elementor - Reveal Images on Text Hover for Free

[@emonjo]

I love the way you title your videos and how you break down your content at the very start that says, "Hey, was this the exact problem you were facing? Here's how to solve it." Super specific. Super helpful. Thank you!

[@PMCreativeStudios]

Hey man! thank you so much for this video - super helpful. I do have a question, for the mobile format only my last link works. What do you recommend I do? I triple checked the path and all is correct - on the desktop version on three links work but not on mobile. I am only linking the text not using images. If I remove the CSS on the mobile formal will that remove it on the desktop version as well?

[@NewinAI]

Decided to watch your most popular videos:) So this is the video #20

[@danplumadore647]

Very timely. Thanks, Imran

[@websquadron]

My pleasure

[@Peebals]

thanks a lot my client want same this. after that i watch this and make it my client happy

[@Voteckful]

Keep up the great work dude

[@websquadron]

Thanks, will do!

[@Paul-ys6fx]

Is this possible on dynamic post? Like it will call the featured image of the blog? Thanks

[@abrarbalti]

Hey bro can we change the image when user scroll down the section and make the main section sticky ?

[@filo_del_discorso]

If i move the cursor on the hidden images, they reveal themeselves. Is it possible to limit the effect to the sections only (title and description)?

[@websquadron]

It should remain just on the sections.

[@filo_del_discorso]

@@websquadron It doesn't. Could you help me?

[@websquadron]

@@filo_del_discorso We could, but we charge for 1-2-1 Site Support. websquadron.co.uk/product/1-hour-consultation-video-call/

[@pympoyo]

Same problem here. Not working correctly :(

[@websquadron]

@@pympoyo I'll revisit this soon, as the code does work.

[@JelleSchuermans-Tunity]

Hi, Is this also possible in a different order? For example: you have 6 columns with an icon and title with 1 general text block on the right. There is a default text shown here, when you hover over a column (icon) then the text changes with the corresponding column? I have been working on this for some time, but can't seem to get it right. Thanks in advance, that would be really great!

[@websquadron]

Of course, you can change the order, or what appears/disappears, by giving them the class name.

[@Mabel_dev]

Thank you for this. My initiate image on left container pops when i am not hovering. Please how can I resolve that?

[@websquadron]

Depends on how you've set it up.

[@carlo6125]

This is awesome! Is it possible even with containers? Should I place the css in the text editor widget or in the container which contains (sorry!) both the text editor and the image widgets? Thanks for all your tutorials

[@websquadron]

I’m planning to redo these with the containers. Place it into the container.

[@carlo6125]

@@websquadron thank you!

[@blickfrischdesign]

@@websquadron That would be awesome if you showed that with the containers. Unfortunately it doesn't work that way. :-(

[@websquadron]

@@blickfrischdesign I'll double check.

[@taskitvirtualsolutions]

This is so helpful Imran. Would it work if the image were another inner section (bloat eeek!) can you absolute position a whole inner section? Thinking of team members and ‘pop ups’ with their bios.

[@websquadron]

Not within an inner section, but you could apply the code to a section.

[@chathurajayadinu]

Thank you 💌

[@Harbhajan-n6c]

Have any plugin or elementor pro feature to create this effect without custom css?

[@websquadron]

Why don’t you want to use css?

[@pympoyo]

It doesn't works correctly... 😥Neither in your video. When you move the mouse on the images area, they appears. It should only works when you mouse hover in the text area. Could you please help us?

[@websquadron]

When I get a moment I will - but I have a backlog at the moment. Are you using sections or containers?

[@pympoyo]

@@websquadron Im using sections, as you do on you video.

[@Brandon-s1f1i]

do you need elementor pro? i dot have the "inner section" available

[@websquadron]

Drag another container in

[@inamullah4711]

i want to hide the text editor and show on the hover the text editor please reply me

[@websquadron]

Follow the tutorial with the CSS codes.

[@MuriiAn]

Thanks! It would be great if you can do it with post title and post image. I mean when you hover the title post it appears the image. I tried but it applies to all images not only one. Let me know if you make it c:

[@websquadron]

Maybe if the header was in its own column then maybe…

[@beinginsightful_for_peace]

Wonderful you are the best. I have revealed more flexibility by using your code in other places as well. Helpful tutorial!! Great Man. Thanks.

[@websquadron]

Awesome, thank you!

[@Annons9000]

Can't you export the template and share that? Would be easier for everybody I think! ;-)

[@websquadron]

I don't keep copies of templates due to the number we create on our test site, though the code can easily be applied.