4 min readMay 6, 2022


Learn how to use Elementor to design unique websites, no special skills are required.

Once you have installed and activated the plugin, you can start using it to create a website.

To use it, you should first familiarize yourself with the workflow.

After creating a new page or post, click the Edit with Elementor button.

Then, just follow the instructions in the editor to customize your new post or page.


Theme Style section

Changing the color of headings and other elements in your site was not easy.

Before Elementor, changing a font required editing global widgets and browsing all pages.

Simple changes required 3rd party tools.

This new feature makes it much easier to adjust the typography of your website.

Theme Styles let you change the style of your font, buttons, images, and other elements on your site.

The Theme Style section of the editor allows you to change the look of your website.

You can change the colors of your template globally or on a widget-by-widget basis.

If you select global colors, they will apply to all new pages.

To change the colors for a particular page, click the left-hand hamburger menu and select the Default Colors link.

Choose the color and style you like best.

Drag and drop page builder

When you’re ready to create your first WordPress website, consider Elementor’s drag and drop page builder.

This tool comes with over 90 content elements, including testimonials, counters, progress bars, and much more.

You can customize everything using drag and drop, change the default colors, and revert to previous revisions if you want to make some changes.

It also offers SEO-friendly and mobile-responsive design options, which means that it’s compatible with all of your devices.

Once you’ve installed Elementor, you can start building your site.

The Elementor Dashboard is where you drag and drop your elements.

It’s easy to edit an existing page using Elementor, and you can preview it live by hovering over it.

The dashboard also has a hamburger icon for global settings.

To add a new element, click it on the left side of the page.

Customize header

If you’re looking to create a custom header for your WordPress website, it’s time to explore the Elementor widget gallery.

Here you can find a selection of header elements, and if you’re not an expert in coding, you can use this gallery to build your own custom header.

The best part about using the widget gallery is that it’s easy to add your own logo, just select a theme that supports logos.

After choosing your header style, you should create a design that is responsive on various devices, including smartphones and tablets.

To do this, you’ll need to use the Elementor header and footer plugin.

Both tools include a template library, and they can be used to create custom headers and footers.

You can also customize the colors and fonts for each element in the header and footer.

Customize footer

A website’s header and footer are among the most important elements of the site.

Visitors and customers see these areas first, before navigating to other pages.

It is, therefore, necessary to place important information there, such as contact details, social icons, search boxes, and menu widgets.

You can also use Elementor’s page builder to add these elements.

Here’s how to customize your footer.

The header and footer sections should be given equal attention.

The footer is the best place to place important information such as contact and career pages.

It can also contain important links and forms that are not easily accessible in the main menu.

Adding these components will improve the overall look and feel of your site.

Once you have figured out how to customize your header and footer, you’ll have a website that looks great and converts visitors.

Pre-structured area layouts

There are many reasons to utilize pre-structured area layouts for WordPress and Elementor.

First, they allow you to duplicate the design and reuse it on different pages.

Additionally, they are fully customizable, allowing you to transfer them to other branded sites.

Once you have selected the pre-structured area layout, you can easily modify it, copy it, and even transfer it to other sites.

Pre-structured area layouts are a great way to create a website with a unique look that you can customize.

While there are many pre-structured area layouts for WordPress, the one that fits your site’s needs the best is probably the ‘Basic’ theme.

The default theme includes a page template for the entire site, and you can also add blocks that are specific to specific sections of your website.


My Medium Articles → CLICK HERE

My Newsletter → CLICK HERE

GetResponse’s Free Trial → CLICK HERE

Elementor Discount → CLICK HERE

SiteGround’s 69% Discount → CLICK HERE




Tips and news about Online Business, Digital Marketing, Self Improvement.