How to make a Pricing Table in Elementor (Free) w/ Hover Effects

Learn how to make a beautiful pricing table in Elementor. Works 100% with the free version of Elementor. Please 👍 the video!

First we'll create the table layout using columns, style the pricing table, and use custom CSS to add hover effects.

Finally, we'll make each section of the price table completely clickable, using a free Elementor plugin.

*****************************
Video Chapters
*****************************
0:00 - Intro
0:30 - Adding columns to the layout
0:48 - Create the price table content
2:49 - Styling the container (Background and border-radius)
3:39 - Centering the icon list using CSS
7:33 - Duplicating the price box to make a 3-column layout
7:57 - Adding spacing between columns
8:53 - Styling the featured price box
10:13 - 3D Hover effect with box-shadow
11:30 - Hover effect (enlarge price box on hover)
13:25 - Make entire column/pricing box clickable

👉 Tools & Plugins I Use
-----------------------------------------------
• Hosting: Cloudways https://buildthatwebsite.com/cloudways
• Theme: Generatepress - https://buildthatwebsite.com/generate...
• Page Builder: Elementor Pro - https://buildthatwebsite.com/elementor
• Site speed & Optimization: WPRocket - https://buildthatwebsite.com/wprocket

#elementor #wordpress #pricingtable