Footer Wrapper - noel-aidesign/create-own-theme GitHub Wiki

CSS

#footer-wrapper{width:100%;clear:both}
.footer h3,.footer h2{color:#fff;padding:4px 8px;background:#3384cc;margin:0;margin-bottom:5px}
.footer{width:32%;padding:5px}
#footer-1{float:left}
#footer-2{float:left}
#footer-3{float:right}

Plus Responsive

@media screen and (max-width:600px) {
.footer{width:100%}
#footer-1{float: none;}
#footer-2{float: none;}
#footer-3{float: none;}
}

HTML

<div class='clear'/>
<footer id='footer-wrapper'>
<b:section class='footer' id='footer-1' showaddelement='yes'/>
<b:section class='footer' id='footer-2' showaddelement='yes'/>
<b:section class='footer' id='footer-3' showaddelement='yes'/>
</footer>
⚠️ **GitHub.com Fallback** ⚠️