Elementor Full Width Template

Posted onby admin
  1. Elementor Full Width Templates
  2. Elementor Theme Templates
  3. Elementor Full Width Template Edit
  4. Elementor Full Width Page Template

Description

Full Width Page Templates For Your Website

Does your theme offer full width page templates? Need freedom to design beautiful full width layouts with page builder like Beaver Builder, Elementor? Need a complete blank template without header or footer for your landing pages?

Full

This plugin adds Fullwidth Page Templates to overcome these limitations.

Here is a quick video explaining how this plugin works

The Canvas Page Template removes your Header and Footer and Sidebars. This is great for creating specific pages inside your website, pages such as: landing pages, coming soon pages, maintenance mode pages etc. Create a New Page, and Edit with Elementor. Using Elementor’s Full Width Page Template The full width page template allows you to override the default page width and use a full width design on any theme. Create a new page On the right side you will see a settings box called Page Attributes. Click on the Template drop-down menu, and look for the Elementor Full Width option. If you’re already. Elementor Page Builder comes with dozens of free & Pro templates for WordPress. Landing pages, homepages & other templates available for free download.

Blank Template

  • Removes header, footer, sidebar, comments, title and leaves you with a plain canvas
  • Awesome for landing pages where you need complete control over your layout

Full Width Template

  • Removes Sidebar, page title, comments and stretches the layout to full width
  • Ideal if you’re using a Page Builder

Bonus – No Sidebar Template

  • Just Removes Sidebar
  • Perfect if your theme does not have No Sidebar option.
  • Rest of the layout & styling will remain intact.

Made to work with Page Builders
When you’re using a Page Builder, things like the default page title, boxed layout, extra margin and padding usually get in your way. This plugin puts you in absolute control and removes all unnecessary elements from your layout.

Dead Simple
It adds three simple options for your pages & posts. Just choose the one and you should be all set.

Potable & No Lock-in
If you’re anything like us, you care what happens when you switch your themes. Generally changing theme means, you will need to edit all your pages and change templates. But if you’re using a plugin like this – you won’t have to worry about it.

Supported & Actively Developed
Need help with something? Have an issue to report? Get in touch with us on GitHub.

Some of the popular themes

  • Genesis Framework by StudioPress
  • Primer Theme by GoDaddy
  • Twenty Sixteen

Disclaimer –

This option works on most of the themes; but it might not work on few depending on it’s layout structure.
Please open up an issue on GitHub or send us a pull request for adding compatibility with your theme.

Project by Brainstorm Force.

Installation

  1. Install Fullwidth Templates either via the WordPress plugin directory or by uploading the files to your server at wp-content/plugins.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. When creating or editing pages you will see options to select the fullwidth templates in the template selection dropdown, select any of the three templates and update the page.

Check Screenshots for more details.

Reviews

If only life was this simple.Works straight out of the box and was a perfect solution to my full width problem using Genesis

WordPress themes come in all shapes and sizes these days. That is to say, that they have come a long way since the early days. Usually, a WordPress theme offers you a column look, with a main column and a sidebar. But, what if you wanted to have a full-width page theme look from the start?

As stated, most themes do give you the ability to set a full-width page or post in your theme. However, many themes have their own custom styles and still allow header and footer areas in a full-width theme layout. This can be annoying, especially if you are trying to create your own headers and footer style within your theme, and then only use them on certain pages.

There are several WordPress page builders that give you canvas style layouts, as well as the option of a full-width theme style. However, sometimes even those styles can clash with a theme unless you are using a full canvas style page. This may not be suitable, as canvas style pages can be tough to build on and properly display in certain formats.

Today, I am going to show you a great plugin I found that will allow you to set a full-width theme in WordPress with just a few clicks of a button. The best part is that the plugin can also be used in conjunction with several of the best WordPress page builders available.

In the demonstration below, I am going to show you how to use this plugin while using the Elementor page builder for WordPress. Let’s take a look at the plugin and see all that it has to offer.

Fullwidth Templates

Fullwidth Templates is a straightforward and easy to use WordPress plugin the does exactly what the title indicates. It gives you the ability to add full-width page templates to any post or page, using any theme.

Furthermore, the plugin works with most WordPress page builders, including Elementor. This means you can bypass certain templates that may not work right when paired with a theme, and design your own full-width Elementor website.

The plugin is packed full of options for page building. It is lightweight, easy to install and use, and fully responsive. You can do a lot with the different full-width templates that become available when you install and activate the plugin.

It comes with the following templates:

  • Blank Template: This removes the header, footer, sidebar, comments, and title section and gives you a blank canvas to work with.
  • Full-Width Template: Removes any sidebar, page title, and comments section. It stretches the layout of your page to full width and is perfect for using with WordPress page builders.
  • No Sidebar Template: Simply removes the sidebar from the page. This is ideal if your current theme does not have an option to delete the sidebar.

As stated above, the plugin works perfectly with the most popular page builders out there. We will demonstrate it using Elementor below, but it also works with Beaver Builder, SiteOrigin, and many of the other popular page builders you may want to try.

Let’s take a look at how to get the plugin installed and activated. Then we will go over how to use it in conjunction with the Elementor page builder.

Install and Activate Plugin

In order to start adding full-width theme templates to your website, you first need to install and activate the plugin. You can do this by going to the Plugins page of your WordPress admin dashboard. Simply search the plugin name and install it from there.

Once the plugin has been installed and activated, it is ready to use. There are no settings. After installation, the plugin automatically adds a selection of templates to use that you will find in both posts and pages.

Let’s go over how to access a template and build a free full-width WordPress theme using Elementor.

Add a Full-Width Template

A few things you want to remember before you add a full-width text converter or template to your site.

  1. This plugin will work without page builders as well. So you don’t need to use a page builder. It adds the same full-width theme templates to any theme you happen to be using.
  2. Yes, the plugin works just fine with Gutenberg. The selection box exists no matter what editor you use.
  3. If you uninstall the plugin, pages and posts that you have created using it will indeed be affected.

With that info in mind, let’s add a full-width theme template in Elementor together.

Edit

At this point, the plugin has been installed. To add a new full-width page click on Pages > Add New.

This opens up a new page for your site. Since we are using Elementor, you will see the “Edit With Elementor” button within your editor.

Remember, the next move you make is the same, no matter what page builder you are using, and no matter whether you are using the classic editor or the Gutenberg editor.

Scroll down a little and on the bottom right you will see the “Page Attributes” box. Inside that box is the “template” dropdown menu.

Go ahead and click on the dropdown menu and select the full-width theme template you want to work with.

Note: You will see that the Fullwidth Templates plugin themes have been added to your page or post. Other template items listed here will be based on what page builder you may be using, as well as what theme templates were already available by default.

Once you select the full-width theme template that you want for that page, click on the “Save Draft” button on the top right of your editor.

Open Elementor Page Builder

Elementor Full Width Templates

At this point, the template will take hold, and you are good to go to start editing and building your page. Go ahead and give the page a title, and then click on the “Edit With Elementor” button to open the Elementor page builder and start building the page how you see fit.

When you click the “Edit With Elementor” button, the page builder launches.

Full

Simply build and edit how you want. As long as you save your changes as you go, the template you chose remains. You can build your entire site using full-width theme templates.

That’s it! You have successfully installed the plugin and are now building full-width template pages on your WordPress website. Repeat this process as many times as you want to add new pages or posts.

Note: The process is the same for adding full-width posts.

Final Thoughts

Are you tired of trying to code new full-width templates? Or are you tired of trying to look for themes that give you this option? If so, then using the Fullwidth Template plugin is a great choice.

Not only is there zero coding involved, but you have the ability to add full-width theme templates to any theme and page builder. The plugin is also good whether you use the classic editor or the Gutenberg editor.

I hope this tutorial gave you easy to understand instructions and showed you how simple it is to get a full-width theme template into your WordPress website.

Have you ever used this plugin? Do you prefer to use it without a page builder or with a page builder?

Elementor Theme Templates

Author: Jeremy Holcombe

Elementor Full Width Template Edit

Growing up in Hawaii, Jeremy started his freelance writing career doing resumes, business plans, article writing, and everything in between. He now specializes in online marketing and content writing and is part of the Content Marketing Team at GreenGeeks.

Was this article helpful?

Elementor Full Width Page Template

Related Articles