Secondary Side Bar Problems

Also my color change for the primary sidebar only extends as far as I have widgets in the sidebar then reverts to gray. I would like it to extend the whole sidebar and also in the secondary sidebar. Here is the code I used for that.

/* sidebar backgrounds to green */
.s1, .s2 {
background: #f3fbc4;

To set the full sidebar backgrounds you may need to include the containing elements, depending on where your sidebars are located. This is because in some layouts the theme uses negative margins for sidebar placement. In the sidebar-content-sidebar layout, the container for the primary sidebar is “main-inner” and for the secondary sidebar is “main”. Both of these outer containers also include the content area.

So, if you want to change the primary sidebar only, you change the sidebar (which only extends down to the bottom of the last widget) and the outer container. Since the theme uses images for sidebar backgrounds you need to use the !important rule to override those:

/* set full primary sidebar background */
.s1, .main-inner {
  background: #f3fbc4 !important;
}

Then you need to reset the content area background:

/* reset content background */
.content {
  background: #f0f0f0;
}

To change only the secondary sidebar you would use this:

/* set full secondary sidebar background */
.s2, .main {
  background: #f3fbc4 !important;
}

And again, reset the content area background:

/* reset content background */
.content {
  background: #f0f0f0;
}