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.


Adding a Padding Space

To add a padding space:

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

Padding Space shortcode - visual composer screen

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

Padding Space shortcode - add element

4When 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

5Configure the settings as required.
SettingDescription

Padding Size (Px)Defines the amount of space in pixels.
6Click Save Changes and publish or update the page to check the result.

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.