Fat Footer – Me Theme

[MiJay]

Hi!

I looked through the forum and found this post that approximates adding a fat footer. I’ve added widgets to that area but it’s not quite what I want. I’d love for the whole area to have the same background color. I tried changing the CSS for each widget area, but I change the background color of each widget, NOT the container. What I want to do is make the whole FOOTER container background a different color.

This is my code. I know it’s not right, cuz it’s for each element instead of the container. But I cannot figure out what the container name is!

.footer-widgets-1, 
.footer-widgets-2, 
.footer-widgets-3 {
	background-color: gray;
}

And this is the image I get with the code. Notice the blank space between footer 2 and 3. This is sure indication that I’m not applying the code to the container, but to each widget.

https://drive.google.com/open?id=0B3FhsM4kNcd4emUtdFNFLUs4VEE

[han]

Hi Mijay,
try this instead

.footer-widgets {
  background-color: gray;
}

[MiJay]

Thanks for the reply, Han. Your solution won’t work. I tried it already. What it does is it colors the various widgets all over the page. Not the look I’m going for.

[han]

Can you provide your site url?

[MiJay]

Sure thing! 🙂

http://www.imjeannette.com

Thanks for trying to help! 🙂

[han]

This one should work.

.footer-widgets {
    clear: both;
    background-color: gray;
    padding: 40px 20px 15px;
}

[MiJay]

PERFECT. That did the trick. THANK! 🙂

[Author]

Posts