Skip to content
Shaped Pixels
  • Home
  • Blog
  • Premium Themes

Create content dividers

This is a simple tutorial to show you how to add page content dividers using the “hr” tag with classes. The demo site displays what your two divider styles are like:

The default style is just simply using your editor to insert a horizontal rule (line) with the <hr> tag.

The double line is done with an added class like this: <hr class="double">

 

Setup Receptive

  • An introduction to Receptive
  • An introduction to the theme customizer
  • An introduction to the header area
  • If you are using a Font Awesome plugin
  • If you are using a Bootstrap plugin
  • If you are using theme animation or the Animate It plugin
  • Site title or Logo
  • Update the footer copyright
  • Boxed layout options
  • Blog style and options
  • Customize your theme colours
  • Add breadcrumb navigation
  • An introduction to your sidebar positions
  • Custom widget styles
  • Create Banner Images for pages
  • Manage typography
  • Make a Contact form like the demo website
  • Create Buttons
  • Create content dividers
  • Table Styling
  • Front Page Template Introduction
  • FP - Front Page Settings
  • FP - Front Page Sidebars
  • FP - Front Page Content Sections
  • FP - Front Page Icon Boxes
  • FP - Front Page Blog Posts
  • FP - Front Page Portfolio
About Shaped Pixels logo

Top Resources

  • Minimal Blogging WordPress Themes
  • Portfolio WordPress Themes
  • Recommended WordPress Hosting
  • Site Map
  • Terms
© Copyright. 2025. Shaped Pixels. All Rights Reserved.