Adding Page Dividers

The Divider component adds a horizontal line between sections of content, helping visually separate information and improve page organization. Two styles are available: a simple line or a branded divider featuring the Colgate ā€œCā€.


Use dividers sparingly. Headings and spacing should typically provide enough separation between sections.

Adding a divider

  1. In the Sections area of the page editor, add or edit a section.
  2. Under Content, select Add Divider in the drop-down menu
  3. Choose a Style:
    1. Default: A simple, thin horizontal line
    2. Branded: A horizontal line featuring the maroon Colgate ā€œCā€ in the center
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.