Learnyst Website Builder - How to add Spacings, Margins & Padding

The new Learnyst website builder will help you design a multi paged website without any design experience.

In this article, let me give you a quick overview of how to add spacing, margin and padding.

Tables can't be imported directly. Please insert an image of your table which can be found here.

Note: Want help with creating your own course website?

Login to this free online course using your admin email and access the course from our teach101 website.

Alternatively, you can check this complete YouTube playlist after Feb 3rd, 2023.

Spacing, Margins & Paddings

White space, also known as “negative space,” is empty space around the content and elements of a page. The basic role of white space is to let your design breathe by reducing the amount of text and functional elements that users see at once.

Add spacing using margin & paddings

You can use the margins and paddings options found on elements to add space on your page. Margins add space outside the element and paddings add space inside the element.

The margin and padding options can be found on any element or container in the right sidebar accessible from the Gear icon and then More Settings.

Add spacing using the Spacer element

Another way to add spacing on your page is by adding the spacer element. This element can be found in the left sidebar and will only add vertical space between the elements of your design.


So, this sums up all the key features within the website builder. Now, go ahead and create your beautiful website and start marketing your website.

For more tutorials on how to market your website, check out the course marketing tutorials series below.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.Yes No No results found