Padding Divider Shortcode

Updated on January 11, 2018

Padding Divider 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 Divider Shortcode

To add a padding space, you need to:

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

padding divider shortcode

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

padding divider shortcode

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

padding divider shortcode

5Configure the settings as required.

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.

Did this answer your question?