Delimiter
shortcode

Allows you to divide the page into section with delimiter shortcode.
Read documentation
Usage frequency
69%
Preset amount
77%
Customizability
93%

Available options

Default code: [dfd_delimiter delimiter_height="1" delimiter_style="dfd-delimiter-with-line"]

Style – Choose between 5 preset styles;

Delimiter style – Allows you to choose color, height and styles for the delimiter;

Delimiter text – Add the text field to your delimiter, set the color and the background for the text;

Image – Set the image as the delimiter. The image can be repeated;

Animation – Choose between 14 preset animation effects;

Custom CSS Class – Type your own unique class name for the item – this is a useful option for those who want to create a specific style.
For example, you can type custom-style class and then go to Theme options -> General Options -> Custom CSS / JS -> Custom CSS and write your own CSS code with this class to get your own style;

Icon – Allows you to customize the icon color, hover color and its background;

Typography – Select letter spacing, font size and element tag. You can also choose the custom font family.

Default styles

Samples of preset styles without custom changes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus lobortis tellus id vehicula. Maecenas eget leo sed purus finibus fringilla at ut ipsum. Etiam ultrices eros nisi, vel placerat nulla eleifend vitae. Aliquam hendrerit efficitur mauris, vel malesuada turpis sagittis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus lobortis tellus id vehicula. Maecenas eget leo sed purus finibus fringilla at ut ipsum. Etiam ultrices eros nisi, vel placerat nulla eleifend vitae. Aliquam hendrerit efficitur mauris, vel malesuada turpis sagittis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus lobortis tellus id vehicula. Maecenas eget leo sed purus finibus fringilla at ut ipsum. Etiam ultrices eros nisi, vel placerat nulla eleifend vitae. Aliquam hendrerit efficitur mauris, vel malesuada turpis sagittis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus lobortis tellus id vehicula. Maecenas eget leo sed purus finibus fringilla at ut ipsum. Etiam ultrices eros nisi, vel placerat nulla eleifend vitae. Aliquam hendrerit efficitur mauris, vel malesuada turpis sagittis.

Delimiter with text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus lobortis tellus id vehicula. Maecenas eget leo sed purus finibus fringilla at ut ipsum. Etiam ultrices eros nisi, vel placerat nulla eleifend vitae. Aliquam hendrerit efficitur mauris, vel malesuada turpis sagittis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus lobortis tellus id vehicula. Maecenas eget leo sed purus finibus fringilla at ut ipsum. Etiam ultrices eros nisi, vel placerat nulla eleifend vitae. Aliquam hendrerit efficitur mauris, vel malesuada turpis sagittis.

Customized styles

Some variations of style customizations of the shortcode

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus lobortis tellus id vehicula. Maecenas eget leo sed purus finibus fringilla at ut ipsum. Etiam ultrices eros nisi, vel placerat nulla eleifend vitae. Aliquam hendrerit efficitur mauris, vel malesuada turpis sagittis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus lobortis tellus id vehicula. Maecenas eget leo sed purus finibus fringilla at ut ipsum. Etiam ultrices eros nisi, vel placerat nulla eleifend vitae. Aliquam hendrerit efficitur mauris, vel malesuada turpis sagittis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus lobortis tellus id vehicula. Maecenas eget leo sed purus finibus fringilla at ut ipsum. Etiam ultrices eros nisi, vel placerat nulla eleifend vitae. Aliquam hendrerit efficitur mauris, vel malesuada turpis sagittis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus lobortis tellus id vehicula. Maecenas eget leo sed purus finibus fringilla at ut ipsum. Etiam ultrices eros nisi, vel placerat nulla eleifend vitae. Aliquam hendrerit efficitur mauris, vel malesuada turpis sagittis.

Delimiter with text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus lobortis tellus id vehicula. Maecenas eget leo sed purus finibus fringilla at ut ipsum. Etiam ultrices eros nisi, vel placerat nulla eleifend vitae. Aliquam hendrerit efficitur mauris, vel malesuada turpis sagittis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus lobortis tellus id vehicula. Maecenas eget leo sed purus finibus fringilla at ut ipsum. Etiam ultrices eros nisi, vel placerat nulla eleifend vitae. Aliquam hendrerit efficitur mauris, vel malesuada turpis sagittis.