Mega Wordpress Elementor Bundled Course : 5 Courses Included

Install WordPress on a live server using the hosting control panel’s one-click installer, selecting domain and directory, and creating admin credentials to log into the WordPress dashboard.

Install and activate the Elementor page builder in WordPress, search for the plugin, and learn to create pages with sections using Elementor and its add-ons.

Discover free, high-resolution images for websites and how to choose image sizes for testimonials, backgrounds, and overlays, with sources like Pixels.com, Bixby.com, and Unsplash.

Discover free WordPress plugins that unlock premium features, including Elementor add-ons and contact form seven. Learn to install and activate these tools for sections and inner sections with Elementor.

Create a new WordPress page by navigating to pages, clicking add new, entering a title, selecting the Elementor canvas template, publishing, and updating the page as needed.

Open the Elementor editor by clicking edit with Elementor to edit a page, add sections with layouts, drag in elements like buttons, and customize text color, background color, and alignment.

Create and edit content in WordPress with Elementor, building sections and columns, dragging and dropping widgets. Duplicate and rearrange content, adjust layout, style, and background colors.

Master global settings in Elementor by adjusting default colors and fonts, edit and publish pages, and build a professional hero area with drag and drop tools.

Create a full-screen hero area in WordPress with Elementor, use a 100vh section, background image, overlay, particle effect, and centered heading, text, and button.

Create a page built with elements, set it as the static homepage under WordPress settings, reading, then publish and save changes.

Learn to create a custom reset CSS for WordPress with Elementor, set body font sizes and line height, dark background colors, and a primary orange color.

Create a full-height hero area in Elementor with a particle background and typing animation, configure background overlay, typography, and centered headings, and add a contact button.

Identify and fix a full-screen height issue in the Twenty Twenty WordPress theme by inspecting style.css, adjusting section padding, and switching to a different theme version to verify.

Create a polished about us section in Elementor by configuring headings, borders, padding, and transparent buttons, adding an inner image, premium title widgets, and social icons.

Create a polished services section in WordPress Elementor by editing the section, applying padding and borders, duplicating content, and using icons and premium titles to showcase services.

Update the services section by changing the icon color to the primary color, and preview the next lecture where we feature client counts, projects completed, and team growth for promotion.

build a two-part promo area in WordPress with a counting numbers plugin to show projects, clients, websites, and team members, using a shortcode and visual styling.

Create a fully functional portfolio section by adding a six-item gallery with filter controls (photoshop, illustrator, wordpress), then customize items, styling, and light box settings.

Create a client testimonials section in WordPress using the strong testimonials plugin and a custom post type, build a slideshow view with Elementor, customize fonts, colors, and background overlay.

Build a WordPress team section with a slider plugin and WBM team, add members and social icons, apply the shortcode in Elementor, and fix image height with mean height trick.

Learn to build a recent blog posts section in WordPress using Elementor, including drafting posts, setting featured images, configuring a three-column post grid, and styling with typography and colors.

Create a complete contact us section in WordPress Elementor, adding icons, a phone number and email, and integrate and style a Contact Form 7 form for a polished contact page.

Set up a header with a logo and navigation by creating a top section, configuring a two-column layout, and building a primary WordPress menu under appearance menus.

Learn to style a fixed header in WordPress Elementor by adjusting height, applying fixed positioning and z-index, and preparing for a scroll-triggered background using JavaScript in a follow-up lesson.

Implement a dynamic fixed header that changes to a semi-transparent rgba background once users scroll beyond 70 pixels, then returns to transparent when near the top, via JavaScript.

Implement a bootstrap-style responsive menu for mobile and tablet via the free version. Set a 1024-pixel breakpoint and hide the desktop navigation for smaller screens.

Implement smooth scrolling navigation by configuring anchor links to sections like home, about, services, portfolio, testimonials, and contact, with focus outlines and hash link adjustments.

Add a footer widget with a title, a darker background, and centered copyright text with the symbol; then set the font to Nonito and adjust padding for a responsive finish.

Install WordPress on a live server via the control panel, using the web applications or one-click installer, then set the domain and directory and log in to the WordPress admin.

Install and activate the Elementor plugin in WordPress, explore the getting started interface, and learn to create a first page and set a custom front page.

Change the WordPress reading setting from latest posts to a static page (sample page). Save and refresh to view the custom front page; next, we'll edit it with Elementor.

Create a new WordPress page, set the Elementor canvas template, publish, and edit it with Elementor. Learn to set a static front page and add sections and inner sections.

Master the Elementor interface to add and edit sections, insert content via drag-and-drop, and customize buttons, typography, and styles on your home page.

Edit a section in Elementor by clicking the top middle edit icon, then customize layout, style, and advanced options to control padding, background (gradient, color, or image), and responsive behavior.

Learn to edit and manage columns in Elementor, including right-click options, duplicating columns, adding new columns, and customizing headings and buttons.

learn to add an inner section in Elementor to create two-column layouts by dragging and dropping, inserting an image and a text editor, and remember to click update to save.

Explore Elementor's global styling, color palettes, and fonts, set fonts for primary and secondary headlines and body text, and preview changes across desktop, tablet, and mobile.

Install and activate a WordPress theme such as Neave or OceanWP to replace the default theme and avoid issues like padding, and adjust the body font size with custom sizes.

Install and activate essential WordPress plugins, including custom CSS and JS, contact form seven, essential addons for Elementor, premium addons for Elementor, and a responsive menu.

Discover how to create modern gradient text with css in WordPress, using custom css and gradient backgrounds to headings, buttons, and sections for a more vibrant design.

Explore purple, pink, green, and red gradient palettes, copy css color codes, and use gradient backgrounds for site design, drawing inspiration from gradient websites.

Populate reset css in WordPress by applying a star reset, setting body line-height and base colors, defining the project color palette, then update options and perform a hard refresh.

Configure global styles in Elementor by setting default colors and fonts, including Roboto condensed for headings and buttons and Roboto for body text, plus the accent color for buttons.

Learn to create animated svg shapes by drawing a vector ship, copying polygon points, and animating them with the svg animate tag using a viewBox.

Create and animate an svg ship using a polygon clip-path to reveal an image wrapped in figure tag, starting from zero width and height with a duration and indefinite loop.

Create an SVG animation for the hero area by designing a polygon shape in Illustrator, converting points to a depth attribute, and exporting the code, then integrating it into Elementor.

Add SVG animation code to Elementor by inserting an HTML element, pasting the SVG code, applying custom CSS, and adjusting the animation duration for live preview.

Tackle layout obstacles by adjusting the is Fiji animation to 60:40 and removing default padding. Inspect elements, apply css, and enable overflow-x visible with custom code.

Learn to add content to the hero area in Elementor, including headings, text, typography, colors, gradient background, gradient button, and future particle effects preview.

Fix a font issue on a WordPress Elementor page by explicitly loading the Roboto Condensed font and applying the correct font family for consistent typography in future projects.

Create particle effects in Elementor by configuring five particles with multiple colors, controlled opacity, size, and rightward movement, plus click-to-resize interactivity and upcoming animated blobs for the hero area.

Learn how to add animated blobs to WordPress sites using a blob maker, customize colors, enable svg uploads in Elementor, and implement a jump animation with keyframes for visuals.

Explore creating and editing blob shapes in Adobe Illustrator with linear gradient fills and color changes. Save assets, upload media, and update the hero area to preview design changes.

Learn to build a compelling hero section in Elementor by configuring padding, adding columns and headings, duplicating content, inserting images and icons, and applying styles.

Create and customize a section at 1920x1080, draw with the pen tool, refine shapes, apply a two-color gradient with 20–30% opacity, upload a background image, and update.

Create a new process section using a center-aligned timeline with essential add-ons, customizing skins, items, and media in Elementor for a polished visual workflow.

Add three animated blob elements to the section, adjust colors and opacity, assign a jump animation to one, then preview and finalize the layout.

Learn to create and modify vector shapes using the pen tool, direct selection, and transform tools; apply strokes, fills, linear gradients, and 20% opacity, then save for web.

Learn to create a presentation video background in WordPress Elementor, using a YouTube video as background with a gradient overlay and centered heading and button.

Create and customize a pricing table in WordPress using Elementor, installing and configuring a pricing table plugin, editing sections, colors, badges, and layout via shortcodes.

Create a filterable portfolio in Elementor for WordPress by building a gallery with six items, three columns, and category filters for Photoshop, Illustrator, and WordPress.

Create a standout testimonial promo section in WordPress using Elementor, building a dual column hero with gradient and particle background, and customize typography, images, and content for live previews.

Create and customize a Google map in Elementor, adjusting section height, map size, and hover filters (hue, saturation, brightness, contrast) for a dynamic, user-friendly office location display.

Create and customize a WordPress contact form with the contact form seven plugin, including name, email, subject, and message fields, embed via shortcode, and refine padding and typography.

Learn how to improve a contact form in a WordPress Elementor project by adding a black theme, configuring icon boxes for phone, email, and location, and adjusting typography and layout.

Create a WordPress header menu from appearance, add items such as home, about, pricing, portfolio, testimonials, and contact, and arrange a logo with navigation in a two-column header.

Learn to style a WordPress Elementor menu by aligning the logo, switching menu items to inline-block, adjusting spacing, and applying custom CSS for hover colors and a fixed, responsive header.

Fix a header at the top in WordPress Elementor with position fixed, width 100%, and z-index 100; add a semi-transparent background, color switch on scroll, and a subtle drop shadow.

Learn to implement a responsive WordPress menu using a free plugin, configure breakpoints for desktop, tablet, and mobile, and refine visibility and styling across devices.

Create a hexagon chip with a one-line clip-path polygon in HTML and CSS, using precise points to form the shape and preview a border or image inside the hexagon.

Demonstrate placing an image inside a hexagon shape, center it in the layout, and set the image to fill the parent's width and height, preparing for a border.

Discover how to create a hexagon border around an image by nesting hexagon containers, centering with flexbox, and adjusting sizes to form a precise border.

Create a unique carousel by downloading and integrating a plugin, initializing it in a project, and preparing it for WordPress deployment.

Install WordPress on a live server via the hosting control panel and software installer, configure domain and directory, and log into the WordPress dashboard with admin credentials.

Install and activate the elemento plugin, search for plugins, and explore options such as media, pages, appearance, and plugins, then create a page with elemento and a hero area.

Create a new WordPress page with Elementor by going to pages, adding a new page, and choosing the Elementor Canvas template. Publish, then edit with Elementor to preview and customize.

Install and activate the hello elemento theme for WordPress, preview its details, and set a custom homepage using the Elementor page builder workflow.

Set a custom home page in WordPress by selecting a static page in settings. Build with Elementor, add sections and headings, and preview before updating.

Learn to set global fonts and colors in Elementor by configuring primary and secondary typography with Oswald, text with Roboto, and button colors in site settings.

Install and activate essential and premium add-ons for Elementor, and use the simple custom css and js plugin to enhance your WordPress site for building the healing area.

Create a full-height hero area in WordPress with Elementor, editing section layout and style, and set minimum height to 100 percent while adding background images or gradients.

Design the hero area in WordPress with Elementor, using flex centering and justify content, and enable a particle background with essential add-ons, customizing colors, shapes, size, and motion.

Create an animated hero area in WordPress with Elementor by installing the Flint plugin, enabling waves and particle animations, and customizing colors and z-index to keep text visible.

Create an eye-catching about section in WordPress Elementor using overlapping images, text shadows, and precise typography and spacing for a polished, standard layout.

Create overlapping images in Elementor and insert social icons, then customize with borders, drop shadows, and a hexagon background using polygon clip-path.

Create and customize a services section in Elementor for WordPress, using icons, headings, and text, with precise spacing, typography, and a hexagon background around icons.

Build and showcase your work with a WordPress portfolio section featuring a grid gallery, six items, and filterable controls, then refine styling and spacing for typography.

Build a client testimonials and team section in WordPress with Elementor by installing the Owl Carousel plugin, duplicating sections, and embedding custom HTML and JavaScript.

Experiment with the testimonial section layout in WordPress Elementor by adjusting image sizes and margins, balancing alignment, and using inspect element to fix previous and next controls.

Create a compelling team section in WordPress Elementor by duplicating inner sections, adjusting padding and margins, and integrating hexagonal social icons with Font Awesome.

Tune the team section in WordPress Elementor by adjusting height, margins, and padding for balance. Standardize icon backgrounds and colors, apply a glass service style, and prepare for hexagon borders.

Learn to build a unique WordPress contact form with Contact Form 7 and Elementor, add icons in fields, customize placeholders, and style with CSS for inline fields.

Learn to tune a Wordpress Elementor contact form with field widths, floats, and margins to achieve clean alignment and spacing.

Create and style a contact form section in a WordPress Elementor layout, featuring a 24-point heading, paragraphs with icons, social icons, and custom html.

Create a footer section in WordPress Elementor with a photo area, set a #111 background, white text, and include copyright and explore links.

Apply a white 10-pixel border around images and center them with flexbox to achieve a polished team section, adjusting image containers for consistent borders.

Create the header with a logo and navigation in a two-column layout, add a WordPress menu, and style it as a fixed header with dark and light versions.

Learn to create dark and light header versions with glass effects, toggle header backgrounds on scroll, adjust text colors, and swap the logo using JavaScript.

Explore how to build a responsive WordPress menu using the responsive menu plugin, configure breakpoints for mobile and tablet views, customize appearance, and ensure accessible focus outlines.

Install WordPress on a live server using the hosting control panel's installer. Choose domain or subdirectory and set admin username and password, then open the WordPress dashboard.

Log into the WordPress dashboard, install and activate the elemento plugin, and learn to navigate plugins to start building with the page builder in the next lecture.

Navigate to the WordPress dashboard, open the appearance menu, and install and activate the Hello Elementor theme. Then edit with Elementor to add sections, inner sections, columns, and elements.

Learn to use Elementor to build sections and inner sections, add and edit elements, and master layout, style, and advanced options in the free version.

Learn to create an animated line hover effect for services in Elementor using a canvas template, and set up icons, headings, and text, and prepare CSS for the free version.

Install and activate a simple custom post type plugin in WordPress to add custom CSS and JS without the pro version, then create a post to host your code. Build an animated hover line by styling a pseudo-element with a gradient background, absolute positioning, a relative parent, and a 0.5s transition, then preview the changes.

Set global colors and fonts across the site, defining primary, text, and accent colors and using Roboto Condensed for typography and gradient colors for the landing page.

Learn to build a custom WordPress homepage using Elementor by selecting a static homepage in settings, editing with Elementor, and adding sections and a button.

build a full-height hero area in WordPress with Elementor, featuring a two-column layout, customizable background types, a heading and body copy, and a glow call-to-action button.

Design the core features section of an app landing page using gradient text and icons, refine typography and spacing, and apply essential Elementor add-ons to enhance feature displays.

This lecture demonstrates adding a particle background to the hero area using the IEEE plugin, configuring 20 particles, shapes, opacity, size, movement, and refresh behavior within the colored area.

Create a more features section in WordPress Elementor by duplicating inner sections, building a three-column feature list with icons, gradient backgrounds, and careful typography and spacing adjustments.

Enhance the features section by adding a background image, applying a semi-transparent overlay, and tuning opacity, then refine with mountains and waves brush before previewing in Chrome.

Build a how to use section in a WordPress Elementor page by adding a new section, styling headings and backgrounds, and listing actions like download, install, register, log in.

Build a screenshot gallery in WordPress using Elementor by installing and configuring the slick slider plugin, creating slides, and tweaking height, overlay, and center mode.

Create facts about our app section on the landing page with counters and icons for downloads, lines of code, cups of coffee, and shares.

Design a unique pricing section for WordPress and Elementor, featuring personal, professional, and developer plans with clear pricing. List features with green checks and red crosses, and style typography.

Master creating a pricing table with a featured pricing card, using relative and absolute positioning, pseudo elements, and gradient backgrounds for a glassy, glowing button.

Explore a minor update to the pricing table featuring a darker drop shadow, a subtle glow, and added text shadow, with new text color, typography, and box shadow settings.

Learn to create a testimonials section in WordPress by installing a testimonial plugin and adding three testimonials. Customize the slider settings and color scheme to match your site’s design.

Create a download apps section by adding sections, adjusting padding and margins, inserting app images and Google Play badges, aligning content, and adding links to app stores.

Create an faq section on an app landing page using an accordion in Elementor. Add items like what is the app, how it works, and features with a transparent background.

Create a newsletter section on a WordPress Elementor landing page by installing the email subscribers plugin, building and styling a subscribe form, and embedding it with a shortcode.

Update the color text gradient from bottom to right. Preview the next lecture by creating a menu with a logo, navigation, and a download button.

Create and customize a WordPress header and menu by building a primary menu, adding items like features, pricing, testimonials, and download, and preparing a navigation menu for the header.

Style the menu using custom sizes, margins, and inline-block items, target the menu class and menu-item, apply a gradient hover and glass effect, then publish and preview changes.

Learn to style a fixed header that stays on top, use z-index and JavaScript to add a background on scroll, and prepare a responsive menu in the next lecture.

Create a responsive WordPress menu by installing the responsive menu plugin, configuring device visibility for desktop, tablet, and mobile, and styling the menu for a seamless user experience.

Learn to add a Google map to a WordPress Elementor contact section, adjust height and padding, and configure geolocation and zoom for a clean layout.

Create and customize a WordPress contact form using contact form 7, configure name, email, and message fields with placeholders, and style with padding, margins, and a rounded submit button.

Design the footer by adding a photo section, a heading aligned center-right, and a copyright line, then adjust background and text colors, padding, and typography.

Implement a hover icon flipping effect by rotating icons along the y axis 180 degrees with a smooth transition on the mod icon container, and adjust padding bottom for layout.

Explore entrance animations in Elementor by applying advanced motion effects to columns and sections, using fade, slide, zoom, and bounce techniques.

Install WordPress on a live server via the hosting control panel, using the apps installer to set up WordPress, create admin credentials, and access the WordPress dashboard.

Install and activate the Elementor plugin from the WordPress dashboard by adding, searching for Elementor, and clicking install; the next lecture shows how to add a page using Elementor.

Learn to create and customize WordPress pages with Elementor: add pages, place sections and columns, drag and drop elements, select templates, and adjust global colors, fonts, and responsive settings.

Learn to change your WordPress theme by accessing the dashboard, installing and activating the Hello Elementor theme, and editing pages with Elementor to set a custom homepage.

Set a custom homepage in WordPress by choosing a static page in settings, reading, selecting the home page and the posts page, then saving changes.

Set your website's default typography and color scheme by configuring global fonts to Railway and selecting primary and text colors in Photoshop site settings for cohesive branding.

Build a two-column hero area in Elementor with a 100 percent viewport height, image, heading, and a typing effect highlighting hosting, security, and free site optimization.

Master a mousemove parallax effect for the hero area using JavaScript in WordPress Elementor. Position layered images and drive transforms with translateX and translateY via an event listener.

learn to build a domain search feature in WordPress using Elementor, install and configure the WP 24 domain check plugin, and customize it with shortcode and styling.

Create a polished domain search interface in Elementor by configuring margins, headings, and borders, centering white text, and adding a css underline with a pseudo-element for a centered highlight.

Create a services section in Elementor, using inner sections and duplicates, adjusting padding and colors, with icons for shared hosting, cloud hosting, reseller hosting, dedicated hosting, and domain name.

Build the why choose us section by creating a two-column layout, adding an image and icons, and writing a two-line feature description with a white theme and emphasized headings.

Create and customize a pricing table in WordPress Elementor with pricing halo and pricing body. Duplicate sections, adjust margins and borders, and add an order now button for each plan.

Create a features section with content on one side and an image on the other, in a dark theme, highlighting free domain registration, speed technologies, and site migration.

Create a testimonial section with a custom Corozal testimonial carousel in a Wordpress Elementor course, building HTML markup, assets, and initializing Owl Carousel for the display.

Set up a WordPress site with Elementor, install and activate the colossal slider plugin, and build a client testimonials carousel using sections, padding, custom CSS, and JS.

Create an FAQ section using an advanced accordion, adding questions about managed hosting, name servers, and domain tasks, while adjusting padding, margins, and colors for a WordPress Elementor course.

Add a header section and navigation in WordPress by creating a two-column hero, configuring a primary menu, and styling it with CSS.

Build a WordPress footer in Elementor by creating a new section, adjusting padding and margins, and adding a services menu, contact details, and a copyright block with styled typography.

Learn to implement a responsive WordPress menu using a mobile-friendly plugin, configure a fixed header, and tailor visibility for mobile devices with hash navigation for home, services, pricing, and testimonials.

Learn to apply pricing hover and call-to-action hover effects in a WordPress Elementor project by adding transitions, transform scale, and inline button styling with advanced positioning.

Learn how to apply entrance animations and motion effects to sections in a WordPress Elementor site, using fade, bounce, and zoom techniques, with overflow handling and section-specific settings.

Learn css syntax by placing rules in a style tag, using selectors, properties, values, and semicolons. Compare inline, internal, and external styles and preview how selectors affect elements.

Learn css selectors, from single and comma-separated to descendant, child, and sibling selectors, with examples of color, background, font-size, and id or class targets.

Compare div p and div > p to understand parent and child selectors, use id selectors with hash, and visualize how first-level children respond to targeted styles in CSS.

Explore how to include css styles: inline, internal, and external styles, and learn how linking external css files and priority rules determine which styles apply.

Explore CSS colors in this lecture, including hex color codes, rgb values, and rgba opacity, with practical examples using p tags to set text and background colors.

Learn css borders, including width, style, and color, and create rounded shapes with border radius to form circles. Explore outline concepts and how onfocus removes link outlines.

Learn how css margins create space outside elements by applying top, right, bottom, and left margins, demonstrated with a div example and margin shorthand.

Apply padding to add space inside elements, using shorthand to set top, right, bottom, and left values like 20px, and contrast padding with margin while approaching the box model.

Explore the box model by examining how content width and height interact with padding, borders, and margins to determine an element’s final size.

Learn how the CSS font-family property selects a page font by listing multiple font names as fallbacks, and distinguish font family names from generic ones like serif and sans-serif.

Learn to control width and height with CSS, apply background color, and center text vertically using line-height and text-align on a div with 300px dimensions.

Explore CSS text formatting properties, including text-align (center, left, right, justify), text-transform (uppercase, lowercase, capitalize), text-indent, letter-spacing, and word-spacing, with practical examples and live style updates.

Explore the CSS display property, comparing block, inline, and inline-block behaviors on divs, and learn how width and height apply to each, including hiding with none.

Explore CSS positioning concepts, including static, relative, absolute, and fixed, with practical demonstrations on moving elements, centering with margins, and how containers influence positioning.

Discover how to control content with CSS overflow, using visible, hidden, scroll, and auto values inside a 300 by 300 container.

Explore how float and clear work in css by floating elements, observing their removal from normal flow, and learning how clear restores visibility and text wrapping around images.

Master the CSS opacity property to control transparency from 0 to 1 with a container hover that makes the image fully opaque and the text red, plus IE eight filter.

Master the box-shadow property by applying shadows to containers on hover, configuring horizontal and vertical distances, blur, spread, and color. Explore drop shadows and inner shadows with inset.

Learn how to apply text shadow in CSS by specifying horizontal, vertical, blur values, and color. See how font size, color, and bold text interact with shadow to create emphasis.