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

  • An introduction to Prelude Lite
  • An introduction to your sidebar positions
  • 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 the Custom CSS Editor
  • How to change your footer copyright name
  • Using a site title or logo
  • Choose your boxed layout page style
  • Choose your blog style
  • Change your left sidebar width on pages
  • Customize your page background
  • Change your theme colours
  • Make a Banner with a caption like the demo site
  • Typography Options
  • Table Styling
  • Content Dividers
  • Creating and styling buttons
  • Make an About Page with a Contact form
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.