Astra Themes & Elementor: Module Gap Adjustment & Template Saving Tips (08)

Today we continue withAstra Themerespond in singingElementorFor more settings and tips, when building a WordPress website with Astra Theme with Elementor, the layout and gap settings between modules are crucial. A good gap layout can significantly improve the page aesthetics and user experience. However, many people are often troubled by the crowded modules. Today, we will share two simple and effective methods to help you easily adjust the module gap, and also introduce how to save the template so that you can reuse it on other pages.

As above, if each module is directly very crowded, then we should adjust it, there are two methods

1. We find Spacer (spacer), is the spacer directly dragged to the module above or below, or add a separate container, and then add this Spacer, according to your actual situation

We'll then go into the settings of this module and adjust the specific spacing values for the Spacer

2. The second is through the container (Container) of the advanced layout features

We need to disconnect this link function first, if we don't disconnect all four directions are linked, it will cause the container to be offset, please see the second that picture as below

So the correct setting is, for example, if we want to set the gap above, after disconnecting the link, set the TOP (that is, above) to set the effect you want, this is the effect of 100

These are the two methods of adjusting the gap of the module

There is also a way to save the module for use elsewhere

Let's say I need the contents of this container or just a certain module

Right click on the mouse, we will have an interface like this, choose Save as Template

Fill in the name of the template, so that it is easy to find when inserting the template, click Save to save!

As shown above, select the Termplale template where it needs to be inserted

Enter the name of the template can be inserted, is not very convenient, if the module is the same case, it is very convenient, but there is a drawback, if you need to modify the content of the module, you need to go to the back end of the site elmentor module to find this module to modify, we adjust according to the actual situation Oh!

summarize

By mastering these two methods of adjusting the gap between modules, as well as learning to save and reuse templates, you can be more flexible in designing web page layouts and improve work efficiency. I hope today's sharing can help you in the process of using Astra theme and Elementor more comfortable. We will continue to explore more Astra theme and Elementor practical skills in the next issue, stay tuned!