Creating & Managing Grids

Add, Remove and update Grids

From within the Control Panel

Navigate to Files & Widgets > Grids

You will be presented with this screen

Manage Grid 1 Grid 2

Edit	Manage the setting for the Grid
Name	Name of the grid - Also shows the page(s) where the grid as been applied
Boxes	Manage the Boxes within a grid - Also displays the number of boxes What are boxes Creating and managing boxes
Remove	You can only remove a Grid that is not applied to a page.

When adding or editing Grids you will be presented with this screen

Edit Grid - Luna

This allows you to define the styling of the Grid. For advanced users only. If no template is applied then the grid will use the default settings.

There are 4 main types

Do you want no spaces between boxes? Yes or No

Do you want the boxes to react when a cursor hovers over them? Yes or No

There are 4 main image types

Number of columns when viewed on a Smartphone.

Number of columns when viewed on a medium sized tablet

Number of columns when viewed on large tablet/desktop

Number of columns when viewed on a desktop over 21 inch

Alter this number so that the Boxes are even or the same as the large screen option

(Advanced users)

Css class	Add Css class globally to all box text
Box hover css class	Add Css class globally to the hover

Template is only available on our Luna Theme

For advanced user only and provide additional styling options for grids.