How to add Blocks to your Site?

Every website is unique and everyone creating a website has different requirements when it comes to components they need in order to build their perfect website.
With that in mind, Local Line has developed a wide range of site Elements that can be combined into Blocks.

Sometimes you are short of time and would love to have everything prearranged for you so that you don't deal with stuff like the distance between every single element or the way they are actually positioned on your page, the Layout.

That's exactly where the Blocks section comes in handy! Here, you'll find various Blocks outlined by Local Line designers ready to be added to your page from the Left Panel.

To get started, just click on the ‘Blocks’ icon and you’ll be offered a name list of all available block types and their examples: from Headers and Footers to Gallery, Testimonial Blocks, etc.


Just click on one of the tags (e.g. ‘Social Icons’) to find all the available options that can be used for your own site. Don’t forget to scroll down to see all the examples!

To 'Add' the block, just drag and drop it to the desired section on the Crafting Area.

You're all set to start editing the chosen block!

Just hover over the Block and hit the three dots in the upper left corner to get started. You can upload a Background Image or embed a Video URL to have an eye-catching Background design.

You can change the opacity and Blur Level of your Block Background as well. 

Block Settings

The settings enable changing the Column Alignment in Mobile View as well as managing the Visibility Settings. Device Visibility can be set to Always visible, Visible on Mobile, Desktop to Tablet only. Whereas, Location Visibility allows you to set visibility for a particular Country, City or IP.

Mind the Session visibility as well. It allows certain blocks be visible only to the logged in users of your website. This works well with User Account element and can come in handy if you want to hide some content from users until they sign up to your website.

The same way, you can manage the Visibility Settings of the Blocks on your website.

All you need to do is go to the Block Settings, click 'Edit Block' and make the desired changes accordingly.

Choose to 'Hide' the block from the public eye or 'Save' a specific one.

To do so just move to Block Settings again and hit 'Save as Block'. It will be stored in the Blocks Section for ready to be added to your pages on all the websites under your Account, just like the predesigned ones.

Alternatively, you may press and hold the Ctrl C key while dragging and dropping the desired block on the Crafting Area to have it duplicated.

You can also change the Order of the Blocks by dragging and dropping them around. To do so just hover over the desired block and drag it from the 3 dots that appear in the upper left corner.

You can also remove it completely hitting the 'Trash' icon, easy as that.

As you're reading this, our enthusiastic team is already working on implementing new elements, designer blocks and functionalities, so stay tuned!

For more insight on how to edit the elements within blocks, we suggest moving to the 'Elements' section or dropping us a line from the Chat box in the lower right corner!


For the basics on Blocks check out: