Build Your Own Business Website header image

Thesis Sidebars

Help! My Thesis 2.1 Sidebar Drops to the Bottom of the Page

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to fix a Thesis 2.1 sidebar that drops to the bottom of the page. In Custom CSS, we change the width of the custom container, take the image and make it wider so that it matches. We also get rid of bottom margin and change the bottom border to

How to Place a Border Between the Content and the Sidebar in Thesis 2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we show how to place a border between the content and the sidebar in Thesis 2 by giving it an HTML class and adding a single elements style package. We also show how to customize the options for the border. Member:  But you know how Thesis 1.85 had that nice little grey

Troubleshooting Sidebar Display Issues in Thesis 2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we troubleshoot sidebar display issues in a Thesis 2 sidebar where the sidebar doesn’t display until we actually put a text widget in it. In the process of finding the problem we show how to look at the source code in the different browsers. Member: This site looks good in Firefox and

Lesson 6 – Part 3 – Set Up the Front Page Controller

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

The next thing that we are going to do is setup a controller for the front page. What this controller is going to do is add this HTML to the front page but not add it to any other pages. We do that by means of a WordPress conditional tag. First, let's just start with

Lesson 6 – Part 2 – Set Up the Front Page Sidebars

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects - ,

Applies to -

The first thing that we're going to do is actually create the front page sidebars. Something to keep in mind is that for this slider here, this is a plugin called the Orbit Slider, we're going to build support into our theme but we also want to leave the possibility of somebody being able to

Lesson 5 – Part 5 – Style the Typical Sidebar

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

Right now what we're going to do is finish styling our sidebar. The first part of styling the sidebar is really just styling the heading. Remember that the heading has this nice big dark gray section here. That's what we're going to work on first and that gray color is 9097a9, grab that, refresh this.

Lesson 3 – Part 1 – Understanding Sidebars

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Good morning everybody and welcome to Lesson 3 of the Create a Thesis Responsive Child Theme class. Today we’re going to create our footer and set up our sidebars. We will talk quite a bit today about sidebar codes, sidebars in WordPress and sidebars in Thesis. To start that off, we’re going to talk about

Lesson 3 – Part 4 – The Thesis Method

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

That is the way in which we register a sidebar and the way in which we call a sidebar using the typical WordPress method. However, Thesis has its own method that is described here in the user guide under this article, Create a 3-column Widgetized Footer. If we take a look at the code, first

Lesson 3 – Part 3 – Call the Sidebars

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

We’ve talked about registering the sidebars. Now we’re going to call the sidebars. If we come over and take a look at the HTML again. We have our div id sidebars which we’re actually not going to replicate because this is something specific to Thesis. We’re going to have our wrapping div and we’re going

Lesson 3 – Part 2 – Register the Sidebars

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Let’s take a look at register the sidebars. Actually, what we’re going to do is come over and take a look at the WordPress codex because there are two mechanisms for registering sidebars. You can register sidebars one by one with the function register sidebar and you can register multiple sidebars in one statement with

Lesson 3 – Create the Footer and Sidebars

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

wrapping div ul li for each widget div id=”sidebars” - class=”sidebar” ul class=”sidebar_list” li class=”widget” + WP supplied values Typical WordPress way Thesis way register the sidebars call the sidebars - placed in HTML individual - register_sidebar() multiple - register_sidebars() name id description before/after widget WP placeholders %1$s - id %2$s - class before/after title

Thesis Sidebars – Reconfigure Sidebars Without a Custom Template

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Thesis 1.8 now features a method of reconfiguring the sidebars without using custom templates. Girlie has posted on the DIY Themes Forum that describes a method of dynamically selecting sidebars and sidebar configurations without using a custom template. That forum thread can be found here. This can be used along with my blog post on

Lesson 11 – Part 1 – Register the Sidebars (Widget Ready Areas)

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Welcome to Lesson 11 of the Build Your Own E-Commerce Website tutorial series. The goal of this tutorial series is to show you how to create a fully functional e-commerce website using WordPress, Thesis and WP eStore. In this lesson we’re going to flesh out the footer with custom sidebars and widgets. This is a