Change colour of footer area in Twenty Eleven

Holy crap, you’re my hero!! ??

Sometimes you just need to step away from the monitor and go for a bike ride…..

Thank you again alchymyth.

Is it possible to change background color of the footer widget area – not the generator footer?

I wanted that off white color in the stock 2011 footer where it says “proudly powered by…” changed to match the content area background and the following code worked by placing it at the bottom of my child theme style.css file.

#colophon {
clear: both;
background-color: transparent;
}

#site-generator {
background-color: transparent;
}

If you want it to be a different color changing it from “transparent” to “black” or #000 or whatever color you want will work. Does for me anyway.

It’s a great post to change footer color. It worked for me.
https://www.aas-bd.com/

Thanks infoprincess, I used your following to change footer background, text color, font size, and padding. Love it! You might qualify for goddess status instead of princess… ??

/* Site Generator Line */
#site-generator {
background: #f9f9f9;
border-top: 1px solid #ddd;
color: #666;
font-size: 12px;
line-height: 2.2em;
padding: 2.2em 0.5em;
text-align: center;
}

Thanks, I’m glad I could help. Just as an FYI if you ever want to have no background color in your text area like this site
https://www.webbsjanitorial.com, use the background #fffcc. YES it’s 5 letters not 3 or 6, but for that website with the wooden floor background it just tickeled me to no end.

Enjoy!!

There’s a easier solution.

Use this plugin: https://www.ads-software.com/extend/plugins/background-per-page/ Backgrounds Per Page

You can set a color and add images (including transparencies) to each page. The footer won’t break.

But you would need to set the background for each page or post.

I need a Theme Option with color picker (farbtastic) to change any class or ID of css
Actually in my case, I need to change footer container color (.footer_continer)