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

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.
Option name Possible values Default value
top
Show link to top of the page or not
yes or no yes
text
Text for the GO TOP link
Any text value Go to top
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 40 3
margin
Adjust the top and bottom margins of this divider (in pixels)
Number from 0 to 200 15
class
Additional CSS class name(s) separated by space(s)
CSS class name(s) separated by space(s)

none