Footer color

[socialkenya]

I read through another post about this issue, but I’m a bit confused. If the footer is actually “clear” and shows the background color, then why isn’t it the same color as the background I’ve uploaded for the site?

I understand that the CSS is pulling from the two options (light or dark background), but it seems that’s only supposed to affect the color of the text overlay. My client wants the footer color to match the menu (green), so I’m wondering if there’s a simple way to add a line of custom CSS that pulls the same color into the footer (as the “dark background” image) or if I’m just stuck with the grey bar?

Thanks,
JC

Topic

[socialkenya]

PS – I’m using Safari on Mac and can inspect elements, but I don’t get anything at all helpful, since it doesn’t reveal any background color or image being pulled into that area. Thanks.

[Jason Bobich]

Hello,

The CSS snippet at on the post you linked to is your answer.

/* If you selected a dark background color */
.body_text_light #footer_sub_content { ... }

/* If you selected a light background color */
.body_text_dark #footer_sub_content { ... }

That’s your CSS selector and then you’d change the background property for that selector.

http://www.w3schools.com/cssref/css3_pr_background.asp

PS – I’m using Safari on Mac and can inspect elements, but I don’t get anything at all helpful, since it doesn’t reveal any background color or image being pulled into that area. Thanks.

Download and use Google Chrome. There’s a built-in developer inspector that works great for CSS customizations. You can also download Firefox and install the Firebug extension; this works nice, as well.

[socialkenya]

Fabulous. Thanks much. I do have Chrome, but I rarely use it except to double-check cross-browser compatibility, but I’m going to look at the Inspector now.

Cheers,
JC

[socialkenya]

Wow. Loving Chrome’s Inspector. Made it so easy to change the footer with some custom CSS. Thanks again!

[Author]

Replies