check

The Divider Line element can be designed around your website's design


check

Divider lines can be used to underline titles and other content


check

Divider lines help separate content and can help a website visitor to identify new sections


The Divider Line element allows you to add a line or divider between, above or under, the content of your website. The app provides the option of using a border style line, a solid color or gradient.

Features:

  • 8 different border styles for your line
  • Control the color
  • Use a Background Color instead of a styled line
  • Use a Gradient Background
  • Change the Height of the line
  • Change the Width of the line
  • Change position(left, right, center)
  • Control the spacing above and below the line
  • Add a Box Shadow
  • Control the Opacity (the lines transparency)

You can find a few, basic, divider line examples and the setting values needed to make the examples on your site, here: Divider Line Demo and Settings.

Keep it simple. Use the Line Attributes style and size settings to design your divider line OR use a background with the height setting to controls the design of the divider line, but probably not both together.

Be consistant. Design the Divider Line once, then use the element copy/move feature to copy the element to different areas or pages."

To make the a color transparent, instead of using a Hex Number #000000, type the word 'transparent' (without quotes) into the color input."

For a semi-transparent color, instead of using a Hex Number #000000 for the color you can use a RBGA color rgba(0,0,0,0.15) The 0.15 is how transparent the color is. You can also use the Opacity setting."

Single Site

$1.99
Premium

$5.00
Features
All Features Included.
check
check
# of sites
The number of websites you can add the Divider Line App to.
1
10
starsmall starsmall starsmall starsmall starsmall
starsmall starsmall starsmall starsmall starsmall
6 Ratings
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    luis m. echevarria sanz Aug 06, 2018
    Una herramienta muy necesaria en cualquier diseño web. Una pena que weebly no la proporcione en su paleta de herramientas. Muy sencilla y con fantástico control de estilos. Muy recomendable.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Enes Stastoli Jun 22, 2018
    Fantastic App, more of these apps are needed for weebly as customisation is key. If you could please, is it possible to add a gradient fill option into the divider line so it won't be just a solid colour. Once again amazing app

    Divider Line Jun 26, 2018

    Hi Enes, this can be achieved using the Basic > Height and Gradient Background > Style options. Check out the 'Divider Line Demo and Settings' linked in the About section, for examples. If we are missing a setting you were looking for, please be sure to reach out to us with the features request.

  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Salvatore Peluso Mar 06, 2018
    Fantastica, ho rinnovato il look del mio sito!
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Maureen Pratchett Jan 16, 2018
    Great App. We have been waiting for this for a long time!
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Michael D'Amato, CPA Jan 08, 2018
    If 10 stars were available, this app would have earned it. My new favorite hands down. Thank-you so much and happy new year!!!!!!
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Constanza González Jan 05, 2018
    Funciona muy bien y hace exactamente lo que necesito, al fin una opción para hacer las líneas más pequeñas, más anchas y con el color que quieras. Además, me la obsequiaron. Excelente estrategia. Se merecen las cinco estrellas.
1 - 6 of 6