I found this shortcode¹ on making a fancypants divider. I’ve implemented it in our rig as the divider shortcode:

{{<divider >}}

Should work as expected:

You can’t leave good enough alone, Can you Wolf? #

So, of course, I arted it up a bit.

I added a handful of parameters that can be fed to the shortcode to enhance it’s awesomeness.

Full parameter list #

{{< divider >}}

{{< divider glyph="❤️” >}}

{{< divider glyph="❤️" spanHeight=“30” >}}

{{< divider glyph="❤️" gradientDirection=“bottom” spanHeight=“50” >}}

{{< divider glyph="❤️" gradientDirection=“top right” spanColor="#055,transparent,#0A0,transparent,#550" spanHeight=“50” >}}

{{< divider glyph="❤️" gradientDirection=“top right” spanFadeIn=“20%” spanColor="#055,transparent,#0a0,transparent,#550,transparent,#055,transparent,#0a0,transparent,#550" spanHeight=“50” >}}

{{< divider glyph="❤️" gradientDirection=“top right” spanFadeIn=“20%” spanFadeOut=“80%” spanColor="#055,transparent,#0a0,transparent,#550,transparent,#055,transparent,#0a0,transparent,#550,transparent" spanHeight=“50” >}}

This is managed by the file layouts/shortcodes/divider.html