Updated on November 07, 2019 to add Lightweight Sidebar Manager recommendation instead of WooSidebars.

Looking to add a sidebar to a template in Oxygen?

Watch this screencast:


  1. Use a plugin like Lightweight Sidebar Manager (I recommend this) or Content Aware Sidebars to create a widget area called say, “Primary Sidebar”.
  2. Edit your template and in between the header and footer, add a Section (optional but helps to control the width of the content area + sidebar), inside that a Columns element. Add Inner Content element in the left div and Sidebar element in the right div.

Here’s the structure of the template we are aiming for:

Added on August 01, 2018:

You might want to assign a class of say sidebar to the div where you’ve added your sidebar and add this CSS to remove the bullets for the widgets;

.sidebar .widget {
    list-style-type: none;

Need help implementing a tutorial in your site or want to hire me for custom work?


Find the article helpful and wish to donate?

linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: