WordPress Elementor 2021 - Beginner to Pro MasterClass

Learn to build WordPress pages with Elementor by adding sections and columns, using the add with element button and Powerpack for elementary, and customize layout, style, and background options.

Learn how margin and padding shape layout in Elementor by building a two-column section, adjusting height and background, and distinguishing margin (between columns) from padding (between content and column).

Create your first Elementor section by adding a 800px minimum height with a cover background image, center-aligned white heading and description, and a styled white button with hover animation.

Learn to build a responsive services section in WordPress Elementor by creating inner sections with multiple columns, adding images, styling text, backgrounds, borders, padding, and hover effects.

Create and customize progress bars in WordPress Elementor 2021, building a two-column section with an image and heading, then configure progress type, percentage, color, typography, and padding.

Create animated counters in a four-column Elementor section with a fixed background image and blue overlay. Customize end numbers, prefixes, and labels like subscribers and clients.

Create a three-column pricing table in Elementor using free widgets, featuring basic, premium, and business plans, with centered headings, white text, blue accents, and a signup button.

Add and customize a contact form in WordPress using the Contact Form 7 plugin, generate its shortcode, and insert it into an Elementor page layout with media.

Create a subdomain and perform a fresh WordPress installation from hosting to set up a new site, including installing WordPress, creating admin credentials, and logging into wp-admin.

Set up a WordPress site by installing and activating themes and plugins, including Elementor and PowerPack, and configuring essential addons for future site setup.

Set up your WordPress site by adjusting general settings, removing the tagline, and saving changes. Then switch permalinks to post name and save again to complete the basic setup.

Create a hero section in Elementor with a two-column layout, a background image, heading, description, and a pink button, then adjust typography and spacing.

Build an image slider in Elementor with the image carousel widget, upload and create a gallery, customize background and navigation, enable autopilot with pause options, margins, and z-index.

Learn to design unique boxes in WordPress Elementor by building multi-column sections, styling headings and descriptions, applying padding, colors, and typography, and duplicating content to create consistent blocks.

Create a two-column section in Elementor, and add heading, text, image, and description. Assemble a styled list with a pink circle icon and a read more button using global color.

Learn to create a three-column section in WordPress Elementor, duplicate icon boxes, apply pink styling, bold typography, borders, and drop shadows, and fine-tune padding and margins for a polished layout.

Build a filterable portfolio section in WordPress using Elementor, featuring an image gallery for web and Android development projects, with item labeling, customizable layouts, and live filtering.

Create interactive image hotspots on a map image using a hotspot widget, customize tooltip content and position, set links and colors, and control trigger and animation options.

Learn how to create, format, and publish blog posts in WordPress using the dashboard, including adding content, choosing categories, and setting a featured image.

Create and customize a WordPress blog post section on the homepage with Elementor. Align text, set grid layouts, and add read more buttons while styling typography, colors, and spacing.

Learn to build a features page in WordPress using Elementor, adjust page layout and typography, and save and reuse templates to speed up future page creation.

Build and style a two-column features page in WordPress Elementor by adding headings, descriptions, an image, an accordion, and a button. Apply typography, colors, and padding to finalize the layout.

Create a pricing page in WordPress Elementor by building a three-column section with pricing table widgets, customizing colors, typography, and features for startup, premium, and business plans.

Build a pricing page in Elementor by creating a four-column pricing table, customizing header styles, background color, typography, and features for each plan, then add items and a call-to-action button.

Build an about us page in WordPress Elementor 2021, designing sections with columns, adding images and typography tweaks, and enabling a video popup with a plugin.

Learn to build a contact us page in WordPress Elementor using a universal contact forms plugin, configure fields and recipient, and embed a styled form with maps and layout options.

Create a WordPress header with Elementor, build a header menu from pages, add a logo, and customize colors, typography, and layout while setting the home and blog pages.

Design and customize a footer in WordPress Elementor by duplicating the header, creating a four-column layout, adding a logo, and applying a black background with typography and link styling.

Make your WordPress Elementor header responsive for mobile by configuring the header, adjusting columns, enabling the hamburger menu, and styling the mobile view with logo and colors.

Learn to make the homepage responsive for mobile by editing headings, typography, alignment, and images in Elementor, and optimize sections, padding, and image carousels for mobile view.

Learn to make WordPress Elementor pages responsive across devices by adjusting typography, minimum height, padding, and grids for features, pricing, and contact sections.