Title: Another Sidebar CSS Issue
Last modified: August 20, 2016

---

# Another Sidebar CSS Issue

 *  [joyebadejo](https://wordpress.org/support/users/joyebadejo/)
 * (@joyebadejo)
 * [14 years, 5 months ago](https://wordpress.org/support/topic/another-sidebar-css-issue/)
 * Hi everyone,
 * I’m helping a buddy of mine with his website running on WordPress and a child
   theme of the standard Twenty Eleven theme.
    The website is MatrimoneyClothing.
   com.
 * He approached me to help implement sidebars on several of the pages. As you can
   see on all pages except the ‘Home’ and ‘Lookbook’ pages I have added sidebars
   containing a shop widget and/or the vertical banner.
 * I am facing two problems with the sidebars however. For the life of me, I cannot
   change the background color of the sidebars. I have tried everything in the stylesheet
   and nothing seems to work. My aim is to have solid black sidebars.
 * Secondly, I would like the to include the vertical banner on each page but on
   shorter pages like ‘About’, the banner hangs over the footer and below the rest
   of the page. For some reason it is escaping its container. I’ve attempted “clear:
   both” and “min-height” type fixes but I have been unsuccessful.
 * Any help you guys can provide is greatly appreciated!
    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [wspencer](https://wordpress.org/support/users/wspencer/)
 * (@wspencer)
 * [14 years, 5 months ago](https://wordpress.org/support/topic/another-sidebar-css-issue/#post-2423900)
 * If you’re using the shortcode for the background CSS, you need to have it in 
   the right order. By declaring the background color last, the browser won’t render
   the CSS properly.
 * Background shortcode uses the following element order:
    background-color, background-
   image, background-repeat, background-attachment, background-position
 * You don’t need them all in there, but they DO need to be in that order if you
   use the short code. If your CSS file size isn’t an issue, feel free to use the
   regular code and just declare each element at a time
 * For the banners, are you using a sticky footer? I didn’t get that far into your
   CSS in Firebug. If you are, double check all of your numbers on that. As long
   as both your main column and sidebar are inside of the main-content area wrapper,
   it SHOULD push the footer down if needed.
 *  Thread Starter [joyebadejo](https://wordpress.org/support/users/joyebadejo/)
 * (@joyebadejo)
 * [14 years, 5 months ago](https://wordpress.org/support/topic/another-sidebar-css-issue/#post-2424085)
 * Thanks for the reply, wspencer.
    I double checked what you mentioned in regards
   to background color but I still can’t get the right color.
 * I’m not sure what a sticky footer is so I don’t think I’m using a sticky footer…
 *  Thread Starter [joyebadejo](https://wordpress.org/support/users/joyebadejo/)
 * (@joyebadejo)
 * [14 years, 5 months ago](https://wordpress.org/support/topic/another-sidebar-css-issue/#post-2424096)
 * Can anyone out there provide any insight on this. I honestly feel like i’ve tried
   everything

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Another Sidebar CSS Issue’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [sidebar](https://wordpress.org/support/topic-tag/sidebar/)
 * [Stylesheet](https://wordpress.org/support/topic-tag/stylesheet/)
 * [twenty eleven](https://wordpress.org/support/topic-tag/twenty-eleven/)

 * 3 replies
 * 2 participants
 * Last reply from: [joyebadejo](https://wordpress.org/support/users/joyebadejo/)
 * Last activity: [14 years, 5 months ago](https://wordpress.org/support/topic/another-sidebar-css-issue/#post-2424096)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics