free Elementor WordPress themes

Best Free Elementor WordPress Themes in 2021

Are you looking for the best free Elementor WordPress Themes? Building a website may seems painful and daunting  when you have little knowledge of codding. But with the help of a page builder you can easily make, design and customize your website very easily. There a few page builder available to build WordPress website. Among them Elementor is one of the best and popular page builder with so many feature and functionalities.

With the help this page builder you can easily make your own website. To work with Elementor you will need a free WordPress theme that will integrates properly with this plugin. So here in this article we will discuss about some of the best free Elementor WordPress themes in 2021.

Best Free Elementor WordPress Themes in 2021

Astra

Astra is a very popular free Elementor WordPress theme with so many features. It is super customizable, lightweight and easy to implement. This theme is also WooCommerce supported so you can use it as a online shop also. It offers many unique features and all of these features support customization. Astra made with user friendly code so for developer it will be easy to customize the code.

More than 1,253,898 websites are build with this themes so you can easily guess the popularity of this theme.

Features:

  • Pre built websites
  • Customize without code
  • Easily integrate with Page builder
  • Super fast performance
  • Layout settings
  • Colors and typography
  • No jQuery

How to install Astra in WordPress

To install Astra theme go to their official website WPAstra and download the free version of the theme. A zip file named “astra.zip”will be downloaded and to install the theme go to your WordPress website and login to the dashboard.

To install the theme go to Appearance > Themes where you can see all your available themes. From this page you can add the theme.

 Free Elementor WordPress Themes

To install the theme click on the add new theme option, it will open the WordPress default theme directory. Search for Astra in the search box and and the theme will appear. Just click on the install button to install the theme.

 

 

It will take some second to install the theme. After successfully install the theme you can see the live preview of the theme from the preview option. To apply the theme in your Website click on the Activate option.

 Free Elementor WordPress Themes

Your theme is activated. You can customize the general settings of the theme from the customize option.

 Free Elementor WordPress Themes

You can see many customization option available. You can set the global setting, set header, footer, sidebar etc from this option.

 Free Elementor WordPress Themes

General

From the General option you can set global typography, colors, containers and buttons. 

Typography

There are two types of typography option are here base typography and headings. Base typography are the body and content text. You can set global font family, size, weight, line height and others for all body and content text.

 Free Elementor WordPress Themes

Similarly for all the heading text you set some global style following the same way.

Colors

You can set the base color of your website from the color options. You can set global text color, theme color, link color etc from here.

 Free Elementor WordPress Themes

Container

From the container option you will be able to set width, layout, page layout and others layout settings for your website.

 Free Elementor WordPress Themes

Buttons

You set the global button style from here.

 Free Elementor WordPress Themes

Header

Here you will find four options to style your website header section.

  • Site Identity
  • Primary header
  • Primary menu
  • Transparent header

Site Identity

It will represent your website identity. You add your website logo, website icon, title for your website and the tag line of your website.

You can different logo for different devices too. There is also a option to enable or disable site title and tag line. You can set all of these from here.

 Free Elementor WordPress Themes

Primer Header

You can choose your header layout for desktop and mobile devices from this page. For desktop three different header layout are available and for mobile devices two types of layouts are available.

You can set the width as full width or content width and set the bottom border size.

 Free Elementor WordPress Themes

Primary menu

Set your website menu for mobile and desktop devices from here. You can set menu item, container animation, border, color etc.

Transparent Header

Enable the transparent header and set a different logo for transparent header. You can also have the option to set logo width, bottom border size background everything for transparent header option.

Sidebar

You can set the settings for global sidebar. You can set sidebar layout for pages, posts, Woocommerce and archive pages.

 Free Elementor WordPress Themes

Footer

For footer settings there are two options footer widgets and footer bar. From the footer widgets you can set the footer layout. From the footer bar you can add the copyright text for your website. You can set the footer width, border and border color. You can also set footer section and choose which element to show in which section.

 Free Elementor WordPress Themes

There are also option to add additional CSS so you can style your website as your own. After select all the global settings click on the publish button.

You theme and all the setting are live now. Let’s take a look how your website will look like after publish the Astra theme.

 Free Elementor WordPress Themes

After install and activate Astra theme wee will be able to see the Astra option in your WordPress dashboard from there you can implement all the features and functionalities available for this theme.

From the Astra options page you can upload your logo, customize fonts, set colors, header and footer settings and many more things. You can also set the layout and sidebar options too. Many more options are also available for the pro version.

Astra also offers you with some of their free plugins. You can install the plugins to extend the functionalities of the theme in your website. You can easily install any plugin just click on the activate button.

How to import Astra demo in your website

Astra has many starter template collection from there you can easily import a demo for you website. From the starter template library you can import a full website or you can import any specific page. To import demo you need to install the Astra Starter template plugin. After install and activate the plugin you can see the starter library option. Click on the see library link and all the starter template will show up. You can preview the template and import the full demo in your website.

 Free Elementor WordPress Themes

There are different types of starter template available for different industry. Astra has starter template for agency, life style blog, tour and travel, eCommerce and many more business industries demo are available. Some of the templates are free and some of the templates are available for the pro version.

To import any demo just click on it and you can see all the available pages and function of that from the preview option. You can import any specific page or can import the full website. Just click on the import complete site button to import the full website.

 Free Elementor WordPress Themes

Now the demo will be uploaded to your website you need to set some option at before upload the demo like update plugins or not, delete previous data or not and, import customize site etc.

Check the boxes and click the import button. It will take some time to import the demo. After successfully install the demo it will show you a success message. Now go to your website and see how your website look. Your website will look as like the demo.

 Free Elementor WordPress Themes

Now you can edit the text and images based on your need and business purposes. Using Elementor you can easily edit the content. You can see our article to learn how to Edit page with Elementor using pre-built template

More Info

Neve

Neve is another lite weight and flexible free WordPress theme which can easily integrate with the Elementor page builder. This theme offers you all the flexibility to make your website look and perform better. Neve is also very user friendly. You can make professional website with this theme in a very short time. The developers of this theme make their demo content using Elementor so it will easy for you to implement it. Without any codding knowledge you you can make professional website very easily.

Features:

  • Mobile frielndly
  • 80+ demos
  • Woocomerce and Elementor supported
  • Custom Layout
  • Search Engine Optimization
  • Easy Customization
  • Fast performance

How to install Neve theme

To install the theme click on the add new theme option, it will open the WordPress default theme directory. Search for Neve in the search box and and the theme will appear. Just click on the install button to install the theme.

You can also customize this theme and set some global settings for your website. It also many customization features.

 Free Elementor WordPress Themes

Layout

From the layout option you can set the layout for –

  • Container
  • Content/Sidebar
  • Blog/Archive
  • Single post

From container you can set container width and choose container style as contained as full width for different pages.

 Free Elementor WordPress Themes

From the content/sidebar option you can set layout for different pages like sidebar, single post page products page etc. You can choose different layout for different pages too.

From Blog/Archive page you can set the blog layout as-

  • List
  • Grid
  • Cover

You can set the column number for different devices and add post pagination.

 Free Elementor WordPress Themes

You can set the elements order from the singe post option.

Header

From header customization you can change the logo, color and menu. 

Logo and site identity

From the general tab you can add logo, site title and tag line. It also have the option to enable or disable title and tag line. You can set the logo width for desktop, mobile and tablet and add site icon.

 Free Elementor WordPress Themes

From the layout tab you can set alignment padding and margin. You can set the text color from the style tab.

Footer

From the footer option you can add and style copyright text and footer color. You can add copyright text from the general tab and from the layout tab you can add alignment and vertical alignment. Similarly from the style tab you can add text color and set typography option.

Colors & Background

You can choose the color as base color or dark mode. There are also some color palette available.

 Free Elementor WordPress Themes

Typography

You can set the global typography option for general text, heading text and blog text. Set the font family, front size, weight, line height for different section

Button

Style your primary and secondary button from this button customization option.

 Free Elementor WordPress Themes

Form field 

From form field option you can set the global style of 

  • Form fields
  • Input text
  • Form lebels
  • Buttons

Menu

From the menu option you can add and order your menu. You can add menu sub menu add menu link everything from here.

 Free Elementor WordPress Themes

From the widgets option you can manage your widgets and Woocommerce option offers you to manage –

  • Store notice
  • Product catalog
  • Product images
  • Checkout
  • Single products

Now go to the Nave options from your dashboard where you can see all the available options of this theme. You can access the quick links of some theme settings option here. Neve also has many starer library to import demo. To view the starer template click on the Go to starer site button and install and activate the plugin.

Now you will be able to see the starer template library. Different website template are available for different business sector and personal blog. You can preview the template and import it on your WordPress website. To import any template just click on the import button and set some import settings. Your template will be imported on your website.

Now you can edit the content and information based on your website. You can easily change all the content and images using Elementor very easily.

More Info

Customify

Customify is a very flexible, intuitive and customizable free Elementor WordPress theme, which offer you so many customization options with his unique features and functionalities. With it’s header and footer builder option, you can easily make customizable footer and header section which will gives your user a better user experience in all of the devices and platform. Featurese

  • Unique header & footer builder
  • Ready to import demos
  • Integrated with page builder specially Elementor
  • Easily customizable
  • SEO optimized
  • Fast performance

How to install Customify free Elementor WordPress theme

To install the theme click on the add new theme option, it will open the WordPress default theme directory. Search for Customify in the search box and and the theme will appear. Just click on the install button to install the theme. After install the theme activate it. Now go to the customize option to set the global settings based on your need.  Like the Astra and Neve theme, Customify also offer you so many customization options.

Header

There are a lots of header options available. From logo and site identity you can add website logo and icon, site title a and tagline. You can hide the site title and tag line if you want. You  can set the logo width and choose the logo position.

 

Header top option enable you to choose the layout of header section as full width and contained. Set the skin mode as dark or light. You can also change the background color, border style and color as well as add box shadow. Header menu and header bottom option also has the same option to choose between dark and light mode and different style similar to the header top option.

From menu sidebar option you will be able to set the display type set the align and add color, margin and padding for normal and hover condition. You can also set background color and background image for sidebar section.

 

You can set menu level for different devices from the menu icon option. You can also ad the icon size, color and hover color for your website icon. Search icon enable you to set icon size and padding. You can also set the placeholder, add height width and typography. You can also add different style for normal and hover condition. For search boxes you can also add different style.

You can style your primary menu from the primary menu option. You can add item style and typography style for normal and hover condition. You can set margin fro different devices too. Button option enable you add button text, button icon, link and icon position. You can style button typography and add some style for normal and hover condition.

You can add edit and delete social icon from the social icon option. You can set the size, add padding, margin, icon spacing, shape and color for your social icon. You can edit the social icon link from this option too.

Style your shopping cart icon from the sopping car option. You can add label and set icon for shopping cart icon. You can set the link page from here and style the section and typography fro normal and hover condition.

When everything is done click on the publish button to save then changes. Now go to Appearance > Cutomify Option from your dashboard to see the Customify theme option and some quick links.

How to import Customify demo

To import the demo you need to install the Customify sites addons. You can find the addons installation option from Customify option page. Install the addons from the install link and activate it.  After activate the addons you can see the site library option . View the library and see the starer templates collection. For Elementor it provides some starer templates you can import it on your website. You can preview the templates.

To import a template click on it and then click on the import button. You need to choose some option like install plugin, import content and then the starer will be imported on your WordPress website. 

It will take some time to import. After completing the import it will give you a successful message. Now you can go to your website and see how your website looks with this demo.

More Info

Page Builder Framework

Page builder framework is suitable for all the page builder available like Elementor, Visual Composer and others. This Free WordPress themes is a created very lite weighty and you can implement it without any hassle. It’s very flexible to customize. Flexibility with Elementor and other tools you can easily make your website with this theme in a very short time.

Features

  • Specially created for page builders
  • SEO optimized
  • Gutenberg compatible
  • Fast page speed

How to install Page Builder Framework

To install the theme click on the add new theme option, it will open the WordPress default theme directory. Search for Page Builder Framework in the search box and and the theme will appear. Just click on the install button to install the theme. After activate the theme go to the Customize option to set the global settings. Like the others themes you will also find many customization options for this theme too.

General 

From layout option you can set the page width and add padding for different devices. you can also enable the box layout and add margin, padding, background and box shadow there.

You can set the background color or image from the background  option. Sidebar option enable you to set the sidebar position, gap, width, background color and also set padding for different screens. You can set the 404 title and text from the 404 page option.

You can enable the Breadcrumbs and select the pages to show it.You can also set the position,font color and hover color for it.

Style you theme button for normal and hover condition from the theme button option. You can also enable the ScrollTop  option and add some style on it too.

Blog

From the general option of Blog settings you can reorder the meta data position, add separator and enable author avatar option. You can also set Excerpt length, indicator button link , button text everything from this option.

Style the pagination background color, font color, size, border for normal and hover condition from the pagination option.

Set the custom content width, archive headlines, sidebar, choose layout and add color. You can also reorder the header, footer and content element. Do the same for post layout option too.

Typography

Set he global settings for all of your website text color, size font family everything from the typography option.

Header

Go to the pre header option and set the column as none, one column or two column. You can edit the column name and text. Set a pre header width and height and add background color, font color, hover color.

From the logo option add your logo, site title, tag line and logo url. You can also set logo width for desktop and mobile devices.

From the navigation option set the menu position, navigation width, menu height, spacing background color, font color and others.

Go to the sub menu option to set the sub menu alignment, width, padding, color and size. You can enable the sub menu separator and color on it.

For mobile devices the theme also have mobile navigation option. you can style the hamburger menu add margin padding and color for mobile devices from the mobile navigation option 

Similarly from the m,mobile sub menu option you can style the sub menu to display on mobile devices.

Footer

Go to footer bar from the footer option where you will be able to set footer bar as one column or two column. Add the column title and text to display in footer area. Set footer width and height and add some style for your footer section.

Menu

Add, edit delete and reorder all of the menus of your website from here. You cn reorder all the menu and sub menu add menu link on it.

Widgets

Go to sidebar from the widgets option where you can add and reorder any widgets All the widgest have different settings option you can choose the option suitable for your website. Just click any widgest it will expand the option. You can enable the widgets or remove it from there.

Woocommerce

From the Woocommerce option  you can set some global settings for your online store like you can set the store notice, set products item size image default size and many otters settings option are available.

Header and footer script

You can add code to to your header and footer section of your website from this header and footer script option. Header script code will output before the closing </head> tag. Footer script code output immediately before the closing <body>  tag.

When everything is done click on publish button.

More Info

OceanWP

OceanWp is a very fast growing multipurpose free Elementor WordPress theme with more than 3.5M downloads. This themes can help you to promote your business easily and in a unique way with it’s extra flexibility and features. Without any codding experience you can customize and edit all the elements of this theme. It also offer you 80 plus demos for you so you can easily choose the best of perfect for your business.

Features:

  • Responsive
  • Fast page load time
  • eCommerce supported
  • RTL and translation ready
  • SEO friendly

How to install OceanWP free Elementor WordPress theme

To install the theme click on the add new theme option, it will open the WordPress default theme directory. Search for OceanWP in the search box and and the theme will appear. Just click on the install button to install the theme. After installing activate the theme and click on the customize option to set the global settings.

Site Identity

Add your website logo, icon, title and tag line from here.

Color

Set the header text color from this option

Menu

Add, edit delete and reorder all of the menus of your website from here. You cn reorder all the menu and sub menu add menu link on it.

Widgets

You can add and manage widgets fro different section of your website. You can add edit and delete Woocommerce sidebar widgets, default sidebar and footer widgets.

General Options

Go to general styling from the general options where you can select your primary color, hover primary color and border color. You can also set background color and images.

From general settings you can set the layout style as boxed, wide or separate. Set main container width, sidebar width and page layout.

From the page title option you will be able to set title visibility, title tag, add background color, text color.

Choose your scroll to top icon from the Scroll to top option. You can also set the position and size and add some style as your own.

Add your pagination position, font size, border and color from pagination option. From the form option you can style your default form. Add the design of you website default button from the theme button option.

From 404 page you can enable or disable the blank page option. You also select the layout and choose template for 404 pages.

Typography

Choose the typography for all the text section of your website. You can set general typography style, heading typography style body typography style and many others.

Top Bar

Go to the general tab from Top Bar option where you can enable or disable the top bar, set visibility, add padding, style and color for the top bar section.

From the content tab add your content and from the social tab add social media icon with link.

Header

Go to the header option to set header style, height and color. From the header media tab you can add video or image in your header. Set the header position and overlay color.

From the logo tab add logo and retina logo. Choose logo color for normal and hover condition.

From the mobile menu tab you can add logo specially for mobile devices and add style on it.

Blog

Blog entries tab from blog option will enable you to choose the layout for blog section. You can also set blog pagination style and reorder element.

From the single post tab make a global style for all the single post page.

Sidebar

Add sidebar background, padding, background color, border color from the sidebar options.

Footer widgets

You can enable or disable tho footer widgets and choose the visibility of it. Select any template for footer or you can add the column number to display in the footer section.

Header and footer script

You can add code to to your header and footer section of your website from this header and footer script option. Header script code will output before the closing </head> tag. Footer script code output immediately before the closing <body>  tag.

When everything is done click on publish button.

More info

More Info

PHLOX

 

This theme is fully compatible with the Elementor page builders and offers host of pre-built features. Whatever your business are you can implement it with it. It offers 30+ widgets and elements and more than 19 demos. So within a very short time and hassle you can easily import it in your website and customize it very easily.

Features:

  • WooCommerce supported
  • Fully responsive
  • RTL and Translation ready
  • 1 click import
  • 100% GDPR compliance

How to install PHLOX theme

To install the theme click on the add new theme option, it will open the WordPress default theme directory. Search for PHLOX in the search box and and the theme will appear. Just click on the install button to install the theme. Activate the theme and go to the customization option.

You will have all this customization option to set for your website.

General 

You can set the general layout, general typography and page animation and preloading from the general option.There are many page animation and preloading style available. You can view the style and choose anyone for your website.

Appearance

You will be able to set so many things from here such as-

  • Featured color
  • Background
  • Content background
  • Website frame
  • Typography
  • Skin option
  • Mobile browsers
  • Forms 
  • sidebar

Header

This theme provide you a header builder. Using the header builder you will be able to make your header. Header templates are also available and from the header template settings you will find many more header options.

Blog

You can set blog single post sidebar style, featured color, width content style and more more options are available.

For blog page you can choose  the blog template, blog sidebar position display contents and others. Blog slider features are also available and you can edit your slider to make it perfect for your website.

Page 

You can set  page layout, style page title and typography.

Footer

Footer builders are also available so you can edit your footer with the footer builder. Use the footer template settings to make your footer more unique and professional.

How to upload demo 

To upload demo you need to install the Phlox Core Elements plugins. Go to your plugin option from dashboard an you can see the Phlox Core Elements plugin install button. Just click on it and the plugin will be installed in your website. 

Now go to Appearance > Phlox page where you can see the demo importer option just click on it all the available demo will be displayed. Preview the demo and click on the import button to import the demo in your website.

It will require some plugins to install the demo accept it and your demo will be imported.

More Info

Zakra

Zakra is a multipurpose free Elementor WordPress theme provides endless features and possibilities to make your website very easily without any extra hassle. This them flexible theme is used by more than 50K people. It also offers you 1 click demo installer so you can choose between their 50+ demos and import it in your website with just 1 click.

Features:

  • Unique design
  • Easy customization
  • Lite weight
  • WooCommerce integration
  • Responsive
  • Page builder compatible
  • WPML/Polylang & Translation Ready

More Info

Leave a Reply

Your email address will not be published. Required fields are marked *