Help Videos

New to Leiout? Check out our tutorial videos to get comfortable with all the different parts of Leiout.

Help Videos

1-15 of 27
Bootstrap Carousel

This article shows you how to create a Bootstrap carousel!

16, Jul 2021
Help Article Plugins
Bootstrap Toast with AOS

This help article explains how to use Bootstrap toast with the AOS library in a plugin in Leiout!

21, Jul 2021
Help Article Plugins Bootstrap
Buttons

Let's learn how to create buttons in Leiout. Learn to add buttons, and customize their format through the Leiout button form. These are part of the basic building blocks of building out a website. These flexible tools will allow you to create now, a...

23, Mar 2021
Help Article Intro To Leiout
Creating a New Page

Let's learn how to create new pages in Leiout. Create blank pages, create pages from templates, and change the route/permalink. These are the basic building blocks of building out a website. These flexible tools will allow you to create now, and cha...

22, Mar 2021
Help Article Intro To Leiout
Feeds

Let's learn about feeds! In this Leiout tutorial you will learn how to create a feed that can be placed on different pages throughout a website. Feeds are a useful tool for users to see the most up to date information on a website.

23, Mar 2021
Help Article Intro To Leiout
Google Translate

This article explains how to install and use Google's translate javascript library and implement a button that brings up a translation prompt.

20, Sep 2021
Help Article
Grid Structure and Bootstrap

Let's learn about the structure of Leiout components and how bootstrap works with this structure since Leiout is Bootstrap based. We will cover the different containers in the Leiout builder, native Leiout classes, bootstrap classes and how they all ...

22, Mar 2021
Help Article Intro To Leiout
Hyperlinks and Anchorlinks

In this Leiout tutorial, you will learn how to create hyperlinks and anchor links out of different page elements. You will also learn what happens to the elements when they are linked.

23, Mar 2021
Help Article Intro To Leiout
Images

Let's learn about the images! Adding images, formatting images, and placing them throughout the page. These are part of the basic building blocks of building out a website. These flexible tools will allow you to create now, and change things up late...

23, Mar 2021
Help Article Intro To Leiout
Intro to the Builder

Let's learn about the Leiout Builder mode. Add containers, drag and drop elements, and change settings. These are the basic building blocks of building out a website. These flexible tools will allow you to create now, and change things up later.

22, Mar 2021
Help Article Intro To Leiout
Isotope

This article explains how to use the Isotope JavaScript library and shows an example of it in action!

02, Aug 2021
Help Article Plugins
Lottie Animations

26, Feb 2023
Help Article
Mix Blend Mode

This help article explains the CSS mix-blend-mode property and how to incorporate it with hero images.

06, Aug 2021
Help Article Design
Multiple Plugin Slide Templates

This article explains how to create multiple slide templates in one single plugin and an example of when it can be used!

02, Aug 2021
Help Article Plugins
Navigation

This tutorial will be broken up in two parts and will walk you through the ins and outs of the navigation and how to set up navigation items on a Leiout website. In part one you will learn about the Builder and Legacy navs and in part two you will l...

23, Mar 2021
Help Article Intro To Leiout