Padding Space Shortcode

Last Updated on

Padding Space shortcode will add a vertical space wherever it’s placed.

In this article, we explain how to create a padding space, along with its only two shortcode settings.

In this article

Adding a Padding Space

To add a padding space:

Add a new page or edit an existing page.
From Visual Composer screen, click +

Padding Space shortcode - visual composer screen

In Add Element pop-up screen, search for Padding Space and click on it to be added to the page.

Padding Space shortcode - add element

When the shortcode is added, a new pop-up screen called Padding Space Settings opens. It allows you to configure the shortcode settings.

Padding Space shortcode - Padding Space settings

Configure the settings as required.
Padding Size (Px)Defines the amount of space in pixels.
Click Save Changes and publish or update the page to check the result.
Note: There is a difference between Padding Space shortcode and padding option for containers like columns and rows. Using Padding Space shortcode makes it possible to put some space between elements only in some certain devices while the padding option is bundled with the containers and will not act individually.

Configuring the Visibility for Devices

Visibility For Devices field in the setting pop-up allows you to configure the visibility of the shortcode in different devices. For example, you can set the padding to show only in desktop screens and tablets, but not in the phones.

You can read Configuring the visibility for devices article for further explanation.

Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket