Hover Image Reveal List Elementor Tutorial

Written By Mallami Adekunle

Kunle Mallami is a digital entrepreneur with expertise in website design, digital marketing, brand strategy and digital content writing. When he's not doing any of these, he will probably be on YouTube learning.

View Author Articles →

AI DEEP SUMMARY

Elementor Tutorial — CSS + JavaScript

Hover Image Reveal List
Editorial Service List

An editorial service list section where hovering over typographic rows reveals floating photos following the cursor. Built with two HTML widgets, no third-party plug-ins required.

Elementor Free
2 HTML widgets
Follow Cursor JS
Intermediate
Mobile tap reveal

Typographic rows are separated by thin lines. On desktop, hovering over a row triggers a floating photo that smoothly tracks the cursor. On mobile, tapping a row reveals the image inline beneath the text. Everything is driven by two HTML widgets and a set of CSS classes assigned in Elementor’s Advanced tab.

Template Download: Need the pre-built Elementor container template? Download the .zip archive containing the layout JSON.
Download .zip

How to import the JSON file in WordPress: WordPress security rules prevent uploading raw .json templates directly to the Media Library. To work around this:

Download the .zip file above and extract the .json file on your computer.
In WordPress, navigate to Templates → Saved Templates.
Click Import Templates at the top, select your extracted .json file, and click Import Now.
Once imported, simply load the template inside your Elementor canvas by opening the template library folder icon and choosing your saved template!

COMMON QUESTIONS

How much does it cost to work with Cr8v Stacks? +

It depends on scope — a brochure site, an ecommerce store, and a custom AI MVP all price differently. Use our cost calculator for an instant range, or talk to us directly for a full quote.

How long does a typical project take? +

Most website builds run a few weeks from approved design to launch; custom development and AI MVPs vary based on scope. We will give you a real timeline once we understand what you are building.

What services do you actually offer? +

Web design, AI MVP development, and custom development are our core focus — alongside brand strategy, brand identity, and digital marketing.

Do you build on WordPress, Shopify, or something else? +

All of the above, plus WooCommerce and fully custom builds. We recommend the platform based on what your business needs.

Which payment gateways do you integrate? +

This depends on your platform and region — we will confirm exact options (Stripe, Paystack, and others) once we know your setup.

Can you redesign or rebuild a site that already exists? +

Yes — a large share of our work is exactly this. We have rebuilt everything from basic landing pages to full property platforms.

RELATED ARTICLES

Mastering UX Design: Creating User Experiences That Drive Conversions

Cards To CTA Reveal Tutorial

Triple Fan Reveal on Hover Elementor Tutorial

COMMON QUESTIONS