Submit a ticket My Tickets
Welcome
Login  Sign up
Open navigation

How to Add, Delete and Move Sections in your Pages

LearnWorlds' Site Builder offers intuitive ways to perform basic design actions (like adding, deleting, and moving sections), allowing you to put all your effort into deciding upon your school's design rather than focusing on how to perform the actions needed to achieve it.

Add a section

1. Go to Site Builder Edit School Site. Choose the page you like to perform the relevant changes to (e.g., add, delete, or move sections) via the dropdown menu or the Pages Manager.

2. Once you have selected the page, hover over between sections and click on +Add Section.

In the menu that appears, add one of the offered sections or Build your own layout.

Section Settings

After you have added your sections and widgets to your page, you can customize:


1. The section's layout template by clicking on the Layout → Left and Right arrow buttons.

2. The background of a section by adding color, image, video, Embedded code, or an SVG file! You can also add background effects

3. The dividers and overlays.

4. The layout of sections and widgets, to align them and adjust their height & width.

5. The position of columns that are included in a section by clicking on Edit Columns.

6. The margins and paddings of a section or widget add more space between elements and also adjust their border appearance.

7. The links of your widgets and redirections.

Move, copy, duplicate or delete your sections

You can choose the desired section by clicking on it or by clicking on Edit. The side form will appear on the right side of your page.

1. You can move a whole section upwards or downwards within your page with the up or down arrows.

2. You can copy the section.

3. You can paste it on the same page or even paste it onto a completely different page. You can learn more about how to copy and paste your sections in our respective article.


Note: This action has to be performed on the same browser window. 


4. You can duplicate it so the exact same section will appear below it on the same page.

5. Edit the HTML code.

6. If you wish to delete a section or an element of a section, click on the trash can icon on the side form and confirm its deletion in the pop-up message.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.