Foodie Pro Footer

[honeydarko]

Hiya,

I am using the Foodie Pro theme and at the bottom of the page, there is a white section which I cannot seem to find.

http://www.honeydarko.com is our website

I have changed the color of the footer but that section stays white. Does anybody have any tips on where to change this?

[Victor Font]

I don't see what you're talking about. When I changed the footer color in my browser inspect tool, the entire footer changed all the way to the end of the page.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[honeydarko]

You can view the white space on the image attached above. Basically where it says copyright etc, the area is white.

CSS:
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
background: #ffd9ad;
display: block;
clear: both;
overflow: hidden;
padding: 0 0 37px;
}

.footer-widgets .wrap,
.footer-widgets-1,
.footer-widgets-4 {
max-width: 1400px;
width: 100%;
}

.footer-widgets-2,
.footer-widgets-3 {
float: left;
margin-left: 2.564102564102564%;
padding: 27px 77px;
width: 48.717948717948715%;
}

.footer-widgets-2 {
margin-left: 0;
}

.footer-widgets-2 {
float: left;
}

.footer-widgets-3 {
float: right;
}

.footer-widgets .widget {
margin-bottom: 22px;
}

.footer-widgets .widgettitle {
}

.footer-widgets li {
list-style-type: none;
margin-bottom: 6px;
word-wrap: break-word;
}

.footer-widgets .search-form {
width: 100%;
}

.footer-widgets .search-form input:focus {
border: 1px solid #eee;
}

.footer-widgets img {
margin: 0;
}

.footer-widgets .featured-content,
.footer-widgets .featuredpost {
background: transparent;
max-width: 95%;
}

.footer-widgets .entry {
background: #ffd9ad;
padding: 5px;
}

/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
color: #aaa;
font-size: 9px;
letter-spacing: 2px;
padding: 27px 0;
text-align: center;
text-transform: uppercase;
}

.site-footer a {
color: #aaa;
text-decoration: none;
}

.site-footer p {
margin: 0;
}

/*

[Victor Font]

The area with the copyright is the site footer. Add a background-color to .site-footer and it will fix it. You can see this clearly with your browser's inspection tool: https://victorfont.com/how-to-use-your-browsers-inspect-tool/

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[honeydarko]

Hi, I tried doing that, but nothing happened.

By using the link that you gave me, I tried to figure out what the white colour comes from and it seems to be connected to the body, meaning the header area, the sides and the last part of the footer.

Do you have any idea on how to fix this?

[Victor Font]

Adding a background-color to the site-footer DOES work. Your browser is probably not picking up the change because of caching. Browsers won't download style sheets if the version number hasn't changed. Clear all caches and hold the shift key down when you refresh the page to force the style sheet to reload.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[honeydarko]

Super, thank you so much for the help

[Author]

Posts