I have a working footer and just want to change a few details and add a background image to my home page footer. I successfully made most detail changes and added the background image to my footer, but I am unable to make the footer extend the entire width and make my 3 columns centered horizontally within the black box background.
Link:http://77f.ea4.myftpupload.com/home/
Don't worry about other aspects not running this is just my test site as my real site is up and running.
Footer css:
/* The footer */
/*#footer {
clear: both;
border-top: 1px solid #DCDCDC;
margin: 0 0 3em 0;
color: #777;
background: #fff
}
#footer .right {
float: right;
text-align: right;
background: #FFF;
}
#footer a {
text-decoration: none;
background: #FFF
}
*/
#footer {
clear: both;
color: #FF0000;
padding: 40px 15px 10px 0;
text-align: center;
font-size: 10px;
}
#footer a {
color: #666666;
text-decoration: none;
/* font-size: 10px;*/
}
#footer a:hover {
color: #FF0000;
text-decoration: none;
}
.footerOff {
color: #666666;
/* font-size: 10px;*/
}
#footer_home {
margin: 0px auto;
width: 100%;
background: #FFF url(http://757.6f6.myftpupload.com/wp-content/uploads/2014/08/topInterior.jpg) repeat-x bottom;
/* background: #F2F2F2 url(http://757.6f6.myftpupload.com/wp-content/uploads/2014/08/topInterior.jpg) repeat-x bottom;*/
background-size: 100% 100%;
padding-bottom: 20px;
}
In my page.php, I use an if else statement to either call footer-page or footer-home. Please let me know what further info is needed to help.
Thank you in advance!