• Welcome to Tux Reports: Where Penguins Fly. We hope you find the topics varied, interesting, and worthy of your time. Please become a member and join in the discussions.

Wide Footer

Gracie

Dogs Times Writer
@LPH added the wide footer to the XenForo side yesterday. It looked good, except the social sharing icons background was loading the .footer class too. Added .footer-container to the footer template and made necessary changes to the extra.css.

Code:
/**
----------------------------------------------------------
Footer
----------------------------------------------------------
*/

.footer {
}

.footer-container {

    display: block;
    width: 100%;
    height: 10em;
    padding: 15px;
    overflow: hidden;
    background-color: rgb(34,34,34);
}

.footer-top {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
}

.footer-logo {
    width: 25%;
    float: left;
}

.footer-aboutus {
    width: 70%;
    margin: 20px 30px 0 10px;
    padding: 10px;
    float: right;
    color: #fff;
}

.footerLinks a.globalFeed {
    margin-top: 0px !important;
}

.footerBlockTwo {
    float: right;
}
 
Top