The BlockLab Tabs

The BlockLab toolbar allows you to edit your pages and customise the design. With seven tabs available, each covers a different aspect of your website’s design and structure: Branding, Blocks, Rows, Layout, Text, Image, Special and Options.

Branding

Set your website logo, global fonts, site design (brand colours, background image), and button style.


Blocks

For adding new blocks onto the page. When a block is selected on the page, you can move it around, change its size, modify the background colours, assign a border, and set the padding and margin of each block.

You can also decide whether or not each block displays on certain devices (desktop, tablet or mobile). This is used to make the site 100% responsive on all screen sizes, working towards a higher Google ranking.

Rows

A row is a horizontal container that can hold multiple content blocks.  Rows are used to structure the layout of a page. They help in dividing the page into sections, each of which can contain multiple blocks arranged side by side.

Rows can be styled with custom backgrounds, padding, margins, and other CSS properties to fit the design requirements.


Text

Change the text style, font, size, decoration, alignment and colour of the selected block.


Image

Modify an image's spacing, rounding corners, full-width, alignment, edit, link and change which image displays.


Options

Modify your BlockLab settings, view your shop through different screen size previews, and select a product to base your page around.