Padding Divider Shortcode

Last Updated on

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.

In this article

Adding a Padding Divider Shortcode

To add a padding space, you need to:

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

padding divider shortcode

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

padding divider shortcode

When 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

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 Divider shortcode and padding option for containers like columns and rows. Using Padding Divider 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