Divider

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum maximus et risus in blandit. Sed vel scelerisque elit.

Aenean finibus sem tellus. Vestibulum accumsan justo turpis, a consectetur magna vulputate pretium.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum maximus et risus in blandit. Sed vel scelerisque elit.

[su_divider top="yes" text="Go to top" style="default" divider_color="#F73F43" link_color="#F73F43" size="1" margin="16"]

Aenean finibus sem tellus. Vestibulum accumsan justo turpis, a consectetur magna vulputate pretium.

Description

This shortcode allows you to divide page content with styled divider. You can customize colors, hide “Got to top” link and adjust divider size.

Options

Option namePossible valuesDefault value
top
Show link to top of the page or not
yes or noyes
text
Text for the GO TOP link
Any text valueGo to top
anchor
Use this option to set a custom anchor for the Go to top link
Any text value#
style
Choose style for this divider
default (Default)
dotted (Dotted)
dashed (Dashed)
double (Double)
default
divider_color
Pick the color for divider
#HEX color#999999
link_color
Pick the color for TOP link
#HEX color#999999
size
Height of the divider (in pixels)
Number from 0 to 403
margin
Adjust the top and bottom margins of this divider (in pixels)
Number from 0 to 20015
class
Additional CSS class name(s) separated by space(s)
CSS class name(s) separated by space(s)– none –
Helpful?
🤝 Thank you!