Please ensure Javascript is enabled for purposes of website accessibility

SCHOOL WEBSITE DESIGN COURSE

BUILD: BLOCKS

Blocks are used to display the content in your website pages. Blocks are rows that can be divided into columns that contain widgets.


You can edit the blocks in your website theme or add new blocks.


Check out the video below to find out how to add and edit blocks.

ADDING A NEW BLOCK


To add a new block to your page click Add Block which is displayed under each existing block. Clicking this will load all of our block templates. You can view by category and choose a pre-made template or add an empty block.



EDITING BLOCKS


You can change the setting of each block by hovering over the Block and clicking the editing options.



BLOCK STYLE


Clicking Block or the Paintbrush icon will allow you to add a

  • Background image
  • Background colour
  • Video Background
  • An Overlay
  • And an Anchor Point


If you are an advanced user you can even add a custom class name to each block.


IMAGE BACKGROUND


If you add an image you will be able to add 

  • A Parallax effect and
  • Image Description


VIDEO BACKGROUND


If you add a video background you will be able to

  • add your YouTube URL
  • Change the Volume
  • And set a time for your loop to start and end


ADDING AN OVERLAY


If you add an Overlay Colour you’ll be able to select the colour here.


ANCHOR POINT


An Anchor Point allows you to link to this block by giving it a unique name.   You can then add this anchor point to a button or a menu item. When it’s clicked the user will be taken directly to this block. 


BLOCK MANAGEMENT


You can change the size of a block by clicking the resize icon. 


To move the block click here and drag and drop it to its new position.


You can copy a block by clicking COPY. You can also copy widgets.


Your copied blocks and widgets will be stored here. You can add them in other areas of your site by clicking it and then dragging and dropping it in your site.


You can delete a block by clicking the Trash Can Icon.


To adjust the space between blocks simply click and move the margins above and below.


Click next to find out how to edit the columns of a block.

Your cart is empty Continue
Shopping Cart
Subtotal:
Discount 
Discount 
View Details
- +
Sold Out