How To Use the Spacer Widget in Elementor

Check Out More At: Elementor

Software: Elementor | Affiliate Program

How To Use the Spacer Widget in Elementor


Elementor is an amazing website builder plugin for WordPress. Elementor makes it easy to create beautiful and high converting websites yourself without having to learn code.

  • 100% Flexible
  • No Coding Necessary
  • Thousands of Pre-Built Templates
  • Wordpress Only
We earn a commission if you make a purchase, at no additional cost to you.

How To Use the Spacer Widget in Elementor

If you’re looking for a way to quickly add space between elements on your Elementor page, then the Spacer Widget is exactly what you need.

This widget provides a simple and straightforward solution to help create even more professional-looking webpages with minimal effort. Here’s how to use it:

1) Drag and drop the Spacer widget into your page, then click on it to open its settings.

2) Under ‘Size’, you can set the height of your spacer in pixels, or use the ‘Advanced’ option if you need more precise control. You can also choose a predefined size from the dropdown menu.

3) In the ‘Background’ section, you can set a background color or even use an image as your spacer’s background.

4) You can also choose to enable stretch capability for your Spacer widget, which will make it automatically resize itself when viewed on different sized devices.

Once you’re finished configuring your Spacer, you’re ready to create your professional-looking webpage. Have fun!

If you need any assistance or have any questions about using the Spacer widget, don’t hesitate to reach out to us at We’ll be more than happy to help!

If you want to add some whitespace between elements on your website, the Spacer widget in Elementor can help you do that. By default, the widget takes up the whole column, but you can change that in the widget settings.

To use the Spacer widget, drag and drop it into the desired location in the Elementor editor. Then, in the widget settings, you can change the width, height, and alignment of the widget.

If you want to add a top or bottom margin to the widget, you can do that in the widget settings as well. Just enter the desired margin in the Top Margin or Bottom Margin field.

That’s all there is to using the Spacer widget in Elementor! By using this widget, you can easily add some extra whitespace to your website’s design.

Similar Posts