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 +
3In Add Element pop-up screen, search for Padding Divider and click on it to be added to the page.
4When the shortcode is added, a new pop-up screen called Padding Divider Settings opens. It allows you to configure the shortcode settings.
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.
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.