The Spacer widget lets you put customizable blank areas or gaps between various parts on your webpage. This space can then be filled with a color or an image and even used to create unique shapes and elements for more creative designs.
Additional user cases
The Spacer Widget helps you make your website look neat by adding space where it's needed. Here are some quick ways to use it:
- Between Pictures and Text: Add space between your top image and the rest of your website to make it look cleaner.
- For Columns: Keep a nice, even space between different columns so everything looks tidy.
- Around Menus: Put some space between your menu and your website's main part to help everything stand out better.
Using the Spacer Widget is a simple way to make your website more organized and easier to look at.
Adding Spacer widget
- Open 10Web Builder editor and search for the Spacer widget.
- Then, either click on or drag the widget you want to work with onto the canvas.
Important:
The background can be filled with a color or an image using the Advanced > Background section of the widget.
Content tab
Within the Content tab, navigate to the Spacer section. Here, the Space option allows you to control the vertical space you wish to create between elements on your page. You have a wide array of measurement units at your disposal, such as PX, EM, REM, or VH. This variety ensures you can precisely define the spacer's size to fit your design needs.
Advanced tab
You can customize the widget further using the settings available in the Advanced tab. These options provide additional styling and functionality adjustments, allowing you to tailor the widget to better fit your design needs.