Skip to main content
UMD Terp Template Demo Site
Alternative Homepages Basic Pages Find Inspiration Kitchen Sink Guidelines
Alternative Homepages
Homepage: No Image Alternate Homepage: Video Loop Alternate Homepage: background with all options
Basic Pages
Internal Page Alternate Internal Page Directory News Events
Find Inspiration Kitchen Sink
Text Formatting Two and Three Columns Accordions Blockquotes Stat Groups Tabs Tables Button and Links Card Groups Image (Single) Image with Text Carousels Slideshows Video Event and News Feeds Views (Local Article and Event Feeds) People Dividers Template Customization Contact Us
Guidelines
Getting Started Introduction Basic Layouts Content Types Widgets Roles and Permissions Taxonomy Customization Advanced Editing Accessibility Reviews
Homepage: No Image Alternate Homepage: Video Loop Alternate Homepage: background with all options
Internal Page Alternate Internal Page Directory News Events
Text Formatting Two and Three Columns Accordions Blockquotes Stat Groups Tabs Tables Button and Links Card Groups Image (Single) Image with Text Carousels Slideshows Video Event and News Feeds Views (Local Article and Event Feeds) People Dividers Template Customization Contact Us
Getting Started Introduction Basic Layouts Content Types Widgets Roles and Permissions Taxonomy Customization Advanced Editing Accessibility Reviews

Divider

Create space between distinct sections on a single page with the Divider Widget.

divider front view

Divider options

  • Spacing: Each widget is a single divider with options to adjust the height of the spacing (Small, Medium, Large and X-large)divider admin spacing
  • Line: Each divider can also display a horizontal rule using a scale to correspond to the line thickness.
    • None: No visible rule/line
    • Small: 1 pixel
    • Medium: 3 pixels
    • Large: 5 pixels
    • X-Large: 8 pixelsdivider admin line

       

Recommendations

  • Use to break up longer pages. ​A visual break can help improve readability.
  • Use the same width for multiple dividers. ​This helps with visual consistency down the page​.

Front-end View (What it looks like)

divider front-end view


Back-end View (What the editor sees)

divider admin view
UMD Terp Template Demo Site
123 Street Name, College Park, MD 20742, USA
drupal@umd.edu 555-555-5555