Layout Templates in Elementor

If you need to create a new layout, but don’t want to build it from scratch, you can always use a library of Layout templates to get you started. Saving Layout as a Template You can save the current Layout and use it later as a template. In order to do this: Click on the…

How to Customize Layouts With Elementor

Layouts is a tool for creating and customizing headers, footers, and other parts of your website. In this article, we’ll cover the details on how to use Layouts. Which Layout Is Enabled Right Now Go to Appearance -> Customize -> Header (or Footer, depending on which one you want to edit) and in the Header style option you can see which…

How to Build a Mobile Header With Layouts in Elementor

When building a mobile header, you can customize the display options of individual Layout sections, based on which device they are viewed. In order to do this, click on the Edit Section button, go to the Advanced tab, and open the Responsive panel. Using the visibility settings, you can decide whether to show or hide your section on desktop, tablet, or…

Submenu Layouts

Submenu Layouts are a special type of Layouts that enables you to create mega menus, or any kind of complex menus on your website. Basically, by creating a submenu Layout, you create content for one of your menu items. Creating a submenu Layout consists of 3 steps: Creating a new Layout by clicking Layouts > Add…

Customizing Slider Revolution

The Slider Revolution plugin allows you to create an unlimited number of sliders and set them anywhere you want on the page within the necessary widget. Check the following links for more information regarding the Slider Revolution functionality: Download sample sliders Slider usage Example and how-tos Layers creating guide How to edit slider elements In order…

How to Create Webfont Kits Using Font Squirrel Generator

When adding a custom font to a theme, we need to generate a webfont kit, which would contain font source files and a stylesheet with @font-face rules. The easiest way to create it is by using an online generator. In this tutorial we’ll cover the use of the Font Squirrel Webfont Generator. Generate Archive Upload the…

How to Add a New Font

Adding a Google Font Go to Appearance > Customize > Typography > Load fonts. There, you need to specify 3 properties for your uploaded font: Font name – use the name of a preferred font from the Google Fonts directory, e.g.:  Font family – specify a fallback font family, which is going to be used if your…

How to Customize Blog Page

Blog Page A blog page (also known as Posts page, Blog Feed, or Blog Archive page) displays the list of blog posts published on your website. There are 2 ways of creating a blog page: Method 1. Assigning a page as a Posts Page Go to Settings > Reading in the WordPress dashboard menu. In…

Adding a Mobile Header to Your Website

There are 2 ways to add a mobile header: via header Layouts in the Customizer Creating a Mobile Header in Layouts Layouts is a preferred way of creating a mobile header since it gives you flexibility and control over your elements. Creating a mobile header is similar to creating a standard header, except there are…