Lines

You can use these lines as a seperation in your content, or as a quick link to, for example, the top of the page.

Line

 

Line link

 

Line [line]

Creates a divider line

Parameters

  • margin

    Enables you to add margins to the element
    Default: normal

    Possible Values

    • small
      Add a margin of 22px below the line
    • normal
      Add a margin of 44px below the line
    • large
      Add a margin of 66px below the line
    • css value
      If you would like to add a margin to the element use the following notation: 11px 20px 8px 9px. The element will have a 11px top margin, a 20px right margin, an 8px bottom margin and a 9px left margin.
  • line_style

    Choose the style for the line
    Default: solid

    Possible Values

    • dotted
      Created a dotted border
    • dashed
      Created a dashed border
    • solid
      Created a solid border
  • color

    Enables you to specify the text color of this element
    Default: #dddddd

    Possible Values

    • A preset color
      Choose from any of our preset colors, just type its name
      primary
      red
      cyan
      yellow
      black
      blue
      green
      purple
      orange
    • Hex color
      Use any hex color value. Add a pound symbol in front of the color name; eg: #353535
    • auto
      If set to auto the color will be set automatically, according to the item's background color. If the background is light, the color will be dark and vica-versa.
    • RGB color
      Use any RGB color. Use the following format: rgb(120,120,120)
  • style

    Add custom styles to this element

    Possible Values

    • css rules
      Add any css rules as if you were adding them inline. To add a border and a margin for example you could write: "margin-bottom:10px; border:1px solid white"
  • height

    Specify the height (thickness) of the line
    Default: 1px

    Possible Values

    • css value
      The value of this property can be any valid CSS value. We recommend using pixels (eg: 2px ), but you may also use any other css specification.

Line with Link [linelink]

Creates a divider line with a link

Parameters

  • margin

    Enables you to add margins to the element
    Default: normal

    Possible Values

    • small
      Add a margin of 22px below the line
    • normal
      Add a margin of 44px below the line
    • large
      Add a margin of 66px below the line
    • css value
      If you would like to add a margin to the element use the following notation: 11px 20px 8px 9px. The element will have a 11px top margin, a 20px right margin, an 8px bottom margin and a 9px left margin.
  • line_style

    Choose the style for the line
    Default: solid

    Possible Values

    • dotted
      Created a dotted border
    • dashed
      Created a dashed border
    • solid
      Created a solid border
  • color

    Enables you to specify the text color of this element
    Default: #dddddd

    Possible Values

    • A preset color
      Choose from any of our preset colors, just type its name
      primary
      red
      cyan
      yellow
      black
      blue
      green
      purple
      orange
    • Hex color
      Use any hex color value. Add a pound symbol in front of the color name; eg: #353535
    • auto
      If set to auto the color will be set automatically, according to the item's background color. If the background is light, the color will be dark and vica-versa.
    • RGB color
      Use any RGB color. Use the following format: rgb(120,120,120)
  • style

    Add custom styles to this element

    Possible Values

    • css rules
      Add any css rules as if you were adding them inline. To add a border and a margin for example you could write: "margin-bottom:10px; border:1px solid white"
  • height

    Specify the height (thickness) of the line
    Default: 1px

    Possible Values

    • css value
      The value of this property can be any valid CSS value. We recommend using pixels (eg: 2px ), but you may also use any other css specification.
  • linktext

    Specify the text of the link (anchortext)
    Default: top

    Possible Values

    • text
      Any text can be used here
  • url

    Specify the URL of the link
    Default: #

    Possible Values

    • url
      Any well formed URL can be used. Don't forget to start with "http://"
  • text_align

    Change the alignment of the text in this element
    Default: right

    Possible Values

    • left
      Aligns the text to the left
    • right
      Aligns the text to the right

Buy this theme now

View our other themes:

The Beauty Salon