'
loading...

Documentation

About Templates

We carry another hope to make sites. Highlights incorporate the absolutely better than ever Manufacturer, a large group of shortcodes and pre-made formats, an assortment of portfolio designs, swipe innovation, Upheaval Slider, and that's just the beginning. With this astonishing topic available you can make any page. As you will find as you peruse this manual, Our choices are incredibly simple to execute.

  • Go to Templates > Saved Templates
  • Click the Import Templates button
  • Choose the file you want to import and click the Import Now button
  • Your imported template will now be displayed in your Templates list
  •  

  • Click the icon as shown in the screenshot above.
  • Select the template
  • Click INSERT to select the template of your choice.

Why duplicate a page?

Whether you’re running a portfolio, personal, or e-commerce website; there are times you want to expand, improve, or reuse content on one of your web pages. 

Instead of copying and pasting content repeatedly, you can just duplicate the existing Elementor page. This technique is especially helpful when you have a lot of content to repurpose. 

Each Elementor website kit will vary in terms of what it contains. Most will have headers, which typically include a navigation menu with buttons. Likewise, you’ll normally find a footer containing contact information, a website map, and social media links. Kits often provide you with common page templates like the 404 error page, About us page, and more. You’ll also find that kits provide you with global colors and global fonts that you can change after importing them. Elementor website kits are created to give you a common theme or style, so it’s a good rule of thumb to import every element of the kit together. However, there are certain circumstances where you may want to apply only certain parts of a kit. For instance, you may only want the 404 page or header of a certain kit to use on your site. Note: Using elements of two different kits on your site is possible, but should only be done by experienced Elementor users.

Template Editing

We enables you build a stunning website for any purpose. You can drag and drop widgets as well as customize them for a personal touch. In this article, we’ll go over editing these widgets.

Editing  widgets?

 When you select an widget, three tabs open up in the widget panel – : Content, Style, and Advanced. These tabs allow you to control the widget’s purpose, styling, and advanced options. Let’s take a look at what each tab does!.

What is the Content tab?
This is where you find the functions and commands directly related to the purpose of the widget. The Content tab allows you to edit and customize the widget. 
 

 

Columns can be manipulated and styled either via the options in the Panel on the left or by right-clicking the Column handle and choosing from the context menu that pops up.

Right-Click Options

If you wish to add a new column or duplicate a column, right-click a column handle and choose either Add New Column or Duplicate from the context menu. You can also copy and paste a column into another section using Copy and Paste options here, or you can copy and paste only the style (without the content) from one column to another. Clicking Navigator here will open the Navigator already set to that particular column. And of course, clicking Delete here will delete the column.

If you click Edit Column, the column’s options will be displayed in the Panel to the left with all of the following options available to you.

  1. Column Width (%): Set your Columns Width
  2. Vertical Align: Set your Column Content’s vertical alignment. This way, you will be able to stick the content of all the columns of a section to the bottom, the middle of the top, or “stretch to fill” to align columns with unequal heights. Choose from Top, Middle, Bottom, Space Between, Space Around, Space Evenly
  3. Horizontal Align: This extends the ability of the inline positioning and lets you horizontally align the inline widgets that are placed in the same row. Choose from Start, Center, End, Space Between, Space Around, Space Evenly

 

Columns can be manipulated and styled either via the options in the Panel on the left or by right-clicking the Column handle and choosing from the context menu that pops up.

Right-Click Options

If you wish to add a new column or duplicate a column, right-click a column handle and choose either Add New Column or Duplicate from the context menu. You can also copy and paste a column into another section using Copy and Paste options here, or you can copy and paste only the style (without the content) from one column to another. Clicking Navigator here will open the Navigator already set to that particular column. And of course, clicking Delete here will delete the column.

If you click Edit Column, the column’s options will be displayed in the Panel to the left with all of the following options available to you.

  1. Column Width (%): Set your Columns Width
  2. Vertical Align: Set your Column Content’s vertical alignment. This way, you will be able to stick the content of all the columns of a section to the bottom, the middle of the top, or “stretch to fill” to align columns with unequal heights. Choose from Top, Middle, Bottom, Space Between, Space Around, Space Evenly
  3. Horizontal Align: This extends the ability of the inline positioning and lets you horizontally align the inline widgets that are placed in the same row. Choose from Start, Center, End, Space Between, Space Around, Space Evenly

 

Page Settings allows you to control and edit basic information about your page. Here you can give your page a name, featured image, and background.

Settings tab

General Settings
  1. Title – Change the title
  2. Status – change the status (Draft, Pending, Private, Publish)
  3. Featured image – add a featured image
  4. Hide Title – Slide the switch to hide the title
  5. Page layout – Choose between the different layouts (Default, Elementor Canvas, Elementor Full Width, etc.)

Why should you use global fonts and colors?

When you’re building a website, your fonts and colors should be the same across your entire site to improve the overall look. If fonts and colors vary among pages or parts, your users can become confused. This can negatively impact user retention and may cost you sales. 

You can also use font and color continuity across your site to reinforce your brand and help users remember it. Font and color continuity helps keep your brand relevant and ensures customers will remember and come to you when they need a product or service. 

How do I change Global Fonts and Colors?

There are four default groups of fonts and colors – Primary, Secondary, Text, and Accent. 

In the example below, we’ll modify all items labeled Primary on your site.

Change a global font: 
  1. Click Global Fonts.
  2. Go to the font labelled Primary (it’s listed under System Fonts). 
  3. Select the Pencil icon. 
  4. Change attributes in the Typography menu. 
  5. Close the menu.

Columns can be manipulated and styled either via the options in the Panel on the left or by right-clicking the Column handle and choosing from the context menu that pops up.

Right-Click Options

If you wish to add a new column or duplicate a column, right-click a column handle and choose either Add New Column or Duplicate from the context menu. You can also copy and paste a column into another section using Copy and Paste options here, or you can copy and paste only the style (without the content) from one column to another. Clicking Navigator here will open the Navigator already set to that particular column. And of course, clicking Delete here will delete the column.

If you click Edit Column, the column’s options will be displayed in the Panel to the left with all of the following options available to you.

  1. Column Width (%): Set your Columns Width
  2. Vertical Align: Set your Column Content’s vertical alignment. This way, you will be able to stick the content of all the columns of a section to the bottom, the middle of the top, or “stretch to fill” to align columns with unequal heights. Choose from Top, Middle, Bottom, Space Between, Space Around, Space Evenly
  3. Horizontal Align: This extends the ability of the inline positioning and lets you horizontally align the inline widgets that are placed in the same row. Choose from Start, Center, End, Space Between, Space Around, Space Evenly

 

Need More Help?

If you would like to discuss anything relating to billing, your account,
partnerships or have pre-sales questions, you’re in the right place.
Go ahead and submit the form!

Contact Us
0
    0
    Your Cart
    Your cart is emptyReturn to Shop
    Continue Shopping