How To Insert A Div

Divs are the core building blocks of the website. This guide will show you how to add them should you need any!

You may need to use the full-screen option to see the video more clearly.

Step By Step Guide

1:
The first step is load up the classic editor. Click on ' Content ' on the left menu, then go to ' Pages '. Pick the page you would like to edit and you will see the ' Classic Editor ' button.


2:
The next step is to click where you would like to add the div in the editor. On the toolbar click the ' + ' button labelled insert .


3:
You should now see a large list of elements to insert. For this guide we want to choose the option in the bottom left labelled ' DIV '.


4:
On the next screen, you will get the following options:

  • Additional Classes
  • Background Image
  • Background Position
  • Background Colour

The additional classes lets you add additional styling to the div you would like. The background image and position let you add a backgroud picture to the div. This is useful if you would like to have text ontop of an image.

Alternativley you can add a background colour which will add a solid colour as the background for the div.

Related Articles

© Copyright 2021 Toolkit Websites LtdWeb Design By Toolkit Websites