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

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 Emotions Lite

  • An introduction to Emotions Lite
  • An introduction to your sidebar positions
  • Update the Copyright notice
  • Setup your site title or logo
  • Set your header style
  • Choose your boxed layout
  • Adjust the top margin spacing for your main menu
  • Wrap content and widgets in blocks
  • Choose your blog style
  • Change your theme colours
  • Customize your page background
  • Make a Banner with a caption like the demo site
  • Basic Typography Management
  • Table Styling
  • Content Dividers
  • Button styling
  • Make a Contact form like the live demo
  • 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
  • An introduction to page templates
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.