3 replies [Last post]
efpeterson
efpeterson's picture
Offline
Regular
Last seen: 6 years 4 weeks ago
Timezone: GMT-4
Joined: 2012-12-27
Posts: 20
Points: 29

Hi folks,

Working on the following site: http://tinyurl.com/mbodm33

Unfortunately the footer widgets are taking on the same color as the sidebar widgets. I've been trying to get the footer widgets to display no background, but nothing I've tried works. I'm sure it's something simple that I'm missing, but I'm fresh out of ideas. Any thoughts?

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 4 years 7 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

Actually, yeah it is kinda

Actually, yeah it is kinda easy Tongue
Go to your css file called "style-custom.css" and go to line 42 saying:

div.footer-wrapper {
    background-color: #990003;
}

And change it to:

div.footer-wrapper {
    background-color: transparent;
}

Let me know if it solved your problem Party

Check Maximum Webdesign for your online solutions

efpeterson
efpeterson's picture
Offline
Regular
Last seen: 6 years 4 weeks ago
Timezone: GMT-4
Joined: 2012-12-27
Posts: 20
Points: 29

Very close. That deleted the

Very close. That deleted the entire background, however there was a div.footer-wrapper* that needed to have a background color named and overrode the coloring for some reason. Thanks for the help!

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 4 years 7 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

Well this is the only piece

Well this is the only piece of code inside your footer with a background color.
The rest only has border colors instead of background colors.

footer-wrapper = background color.
footer-inner-wrapper = border color.
container-footer-container = border color.
footer-widget-wrapper = border color.
div.footer-wrapper = border color.
calendar_wrap = border color inherited.
wp-calander = border color inherited.

And the rest of the footer content gives me the same information.
So the only background information I can find is the top image inside your footer:

div.footer-inner-wrapper {
    overflow: hidden;
    background: url('images/border/footer-top-border.png') repeat-x scroll 0px 0px transparent;
}

You can find this in style.css on line 283.

and the background color information:

div.footer-wrapper {
    background-color: #990003;
}

You can find this on style-custom.css on line 42.

Cheers, Henk

Check Maximum Webdesign for your online solutions