Features

  • Use a color picker to style your lines
  • Add header text to your divider line
  • Style header text
  • Choose a line thickness
  • Select a style line style that matches your content

Example

For our Divider stack examples we’ve divided several paragraphs below with different divider lines and styled each one uniquely.


Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.


Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.


Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Header

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.


Using Divider

Style

Style
Opt to use the default Divider styling or to use a color picker to customize the Divider line.

Divider Type
Allows you to choose what type of divider line you wish to use. You can choose form Solid, Dashed, Dotted, Double or Solid with Label. If using the Double style you will want to make sure to use a width of 3px or larger.

Width
Set the size of your divider line.

Header

These options are enabled only when using the "Solid with Label" Divider Type.

Header
Insert your own custom header text in your divider.

Header Color
Select the color you wish your header to be using a custom color picker.

Uppercase Title
Enable to force the header label to be all uppercase letters.

Sign up for The Forge newsletter

Stay up to date on future versions of Foundry, as well as important news, updates and more!

This site is built using Foundry for RapidWeaver

© 2006-2016 Elixir Graphics | Contact Us