Create page dividers

If you need to separate elements in your page or post content, you would normally use a “Horizontal Rule” which is usually found on the editor (depending on the editor of course). This is usually a simple line that is placed between two paragraphs, images, or any other elements in a page. You can see the demo for this theme’s dividers here:

Demo – Dividers

Create a Single Divider

  1. Open or create a new page (or post)
  2. Click in your content area where you want to insert a divider
  3. If you are using the TinyMCE Advanced editor, look on the editor buttons for the “Horizontal Line” option and click on it
    divider editor
  4. This should place a horizontal line in your page
  5. Click “Update” or “Publish

Create a Double Divider

  1. Open or create a new page (or post)
  2. Click in your content area where you want to insert a divider
  3. If you are using the TinyMCE Advanced editor, look on the editor buttons for the “Horizontal Line” option and click on it
    divider editor
  4. This should place a horizontal line in your page…now switch to the editor’s “Text” tab to view the HTML code. We need to add the class “double” to our <hr /> tag: <hr class="double" />
  5. Click “Update” or “Publish