Title: Footer Alignment Last modified: August 19, 2016 --- # Footer Alignment * [littletitus](https://wordpress.org/support/users/littletitus/) * (@littletitus) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/) * Hello all, * I’ve just begun to try and figure out how to create WordPress layouts. Right now, I am struggling on how to get the footer to extend across both of my columns. I’m at a loss for what I am not doing! * [http://i53.tinypic.com/ht8jo1.jpg](http://i53.tinypic.com/ht8jo1.jpg) This picture illustrates the problem * ``` #footer{ clear: both; padding: 10px 0 0 0; float: left; height: 50px; background: #413d32; } ``` * This is my footer coding. I’ve also tried fiddling with the sidebar, but nothing I’ve done there has affected it either. Viewing 15 replies - 1 through 15 (of 25 total) 1 [2](https://wordpress.org/support/topic/footer-alignment-2/page/2/?output_format=md) [→](https://wordpress.org/support/topic/footer-alignment-2/page/2/?output_format=md) * [esmi](https://wordpress.org/support/users/esmi/) * (@esmi) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/#post-1850396) * A screenshot is of no use. What might help is a link to a page demonstrating the problem. * [Emil Uzelac](https://wordpress.org/support/users/emiluzelac/) * (@emiluzelac) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/#post-1850397) * Try: * ``` #footer { width: 960px; /* Add width that fits your design */ } ``` * I can tell you bit more about this if you could post your URL. * [Emil Uzelac](https://wordpress.org/support/users/emiluzelac/) * (@emiluzelac) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/#post-1850399) * sorry esmi to jump after you, nobody was here when I was writing this, once posted you appeared. I’ll let you help 🙂 * [esmi](https://wordpress.org/support/users/esmi/) * (@esmi) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/#post-1850400) * Don’t worry about it. Jumping in and helping is one way that we can provide 24/ 7 support. 🙂 * [Emil Uzelac](https://wordpress.org/support/users/emiluzelac/) * (@emiluzelac) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/#post-1850402) * Thanks! * Thread Starter [littletitus](https://wordpress.org/support/users/littletitus/) * (@littletitus) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/#post-1850445) * I apologize, I’m currently using an offline WordPress, as I’m waiting for my uncle to set up WordPress on my server. I will provide a link when I can. As for the other suggestion, it is not affecting the layout. The footer extended across fine until the posts got too long. * [esmi](https://wordpress.org/support/users/esmi/) * (@esmi) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/#post-1850448) * We really need to be able to see your site before we can offer anything more than wild guesses. * Thread Starter [littletitus](https://wordpress.org/support/users/littletitus/) * (@littletitus) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/#post-1850488) * Alright, it’s finally up! Here is my link: [http://hollytitus.com/](http://hollytitus.com/) * [esmi](https://wordpress.org/support/users/esmi/) * (@esmi) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/#post-1850494) * Try adding a `clear:both;` to your footer’s CSS. * Thread Starter [littletitus](https://wordpress.org/support/users/littletitus/) * (@littletitus) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/#post-1850498) * That’s already on there, so it can’t be that. Any other ideas? * [Frumph](https://wordpress.org/support/users/frumph/) * (@frumph) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/#post-1850499) * take the footer div out of wrapper and at the bottom of wrapper put a
before the that closes wrapper * also there’s no such thing as width=”” inside of a div * #footer { width: 809px; margin: 0 auto; } * Thread Starter [littletitus](https://wordpress.org/support/users/littletitus/) * (@littletitus) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/#post-1850500) * Okay, that fixed that problem! Now, I have one last issue…I’m trying to apply a background color to the footer, but that isn’t working either. * Edit: Make that two problems total..I’d also like to have the sidebar extend down to the footer. * Thanks again, guys. The coding part of this stuff can be so frustrating sometimes if you’re still learning! * [Frumph](https://wordpress.org/support/users/frumph/) * (@frumph) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/#post-1850501) * ``` #footer { background: #ccc; width: 809px; margin: 0 auto; } ``` * That didn’t work for you? * [Frumph](https://wordpress.org/support/users/frumph/) * (@frumph) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/#post-1850502) * Oh jeeze, sorry use .footer and not #footer * You’re using a class, not an ID. * Thread Starter [littletitus](https://wordpress.org/support/users/littletitus/) * (@littletitus) * [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/#post-1850503) * Woo! Fixing the id/class part solved my other problem…now to figure out the sidebar:). Viewing 15 replies - 1 through 15 (of 25 total) 1 [2](https://wordpress.org/support/topic/footer-alignment-2/page/2/?output_format=md) [→](https://wordpress.org/support/topic/footer-alignment-2/page/2/?output_format=md) The topic ‘Footer Alignment’ is closed to new replies. ## Tags * [footer](https://wordpress.org/support/topic-tag/footer/) * 25 replies * 4 participants * Last reply from: [Frumph](https://wordpress.org/support/users/frumph/) * Last activity: [15 years, 4 months ago](https://wordpress.org/support/topic/footer-alignment-2/page/2/#post-1850513) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics