Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Try this HTML;
<footer>
<div class="col">
<h5>Bold Title</h5>
...
</div>
<div class="col">
<h5>Bold Title</h5>
...
</div>
<div class="col">
<h5>Bold Title</h5>
...
</div>
<div class="col">
<h5>Bold Title</h5>
...
</div>
</footer>
And this CSS;
footer .col {
/* Edit: Forgot float */
float: left;
width: 20%;
margin: 0 2.4%;
}
for instance, have a look into the code of Twenty Eleven for a three column widgetized footer;
can be easily expanded to four columns.
Thank you Andrew, that looks good but the four columns have appeared under each other and not side by side.
My CSS looks like this:
/*
Theme Name: twentytwelve-child
Description: A Child Theme of TwentyTwelve
Template: twentytwelve
*/
@import url("../twentytwelve/style.css");
footer .col {
width: 20%;
margin: 0 2.4%;
}
Alchmyth – thanks for your reply. What is widgetized vs. HTML? Can I copy and paste the twentyeleven HTML into my footer?
if you are fine with static html, ignore my reply.
possibly add float: left; to the style of footer .col
Fantastic, thanks both. adding float: left worked.
I take it that means there are widgets I can install to help me edit the footer.
Hi,I am new to word press I am using Evolution theme from elegant themes.In footer I have 4 columns.but whenever i add content to 4th column its coming down and also I need to add 5th column. I tried in footer.php but not working..
Please help me..
thanks
