Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
India Abraham
2,826 PointsFooter.php displaying widgets with too much space.
I'm not sure how or why this happened, but when attempting to view a post on my site today I noticed that on the single post the footer was displaying with too much space between widgets, that is not present on other parts of the site.
Take a look at: http://trueternalbeauty.com/get-swing-book-review/ scroll down and see what I mean.
3 Answers
Dennis Skoko
12,860 PointsI think it's because the footer is outside the container div. Because of that, the footer expands to the full width of the page and create that space between them. In the other pages, the footer is inside the container div. So make sure to keep everything in the container. Hope that helps.
Regards, Dennis
Dennis Skoko
12,860 PointsNo, I was editing in the Firefox Devtools (right click and inspect element). But I think you have to change that page file. I think you are including that footer file outside the container. If you want, you can send me that page file or just paste the whole code somewhere (codepen etc.).
India Abraham
2,826 PointsI fixed it...thanks
India Abraham
2,826 PointsIndia Abraham
2,826 Pointsnope that didn't help
Dennis Skoko
12,860 PointsDennis Skoko
12,860 PointsAre you sure you did it correctly? I just did it and that fixed it.
What I did was, I used the page source (right clicked and viewed the page source) and found the end tag for the container at line 197. Then I moved the end div for the container (its located right above end tag for footer) and pasted it under the end tag of footer.
Pretty much what I think is happening is that you have a max-width on the container. Once something is outside that container, and in this case the footer. That element will expand to the full width of the page (unless you give it change it in the CSS).
I hope I explained it good enough for you to understand.
India Abraham
2,826 PointsIndia Abraham
2,826 PointsMaybe I'm not fixing it correctly, can you explain how to go about this because my brain is fried lol
India Abraham
2,826 PointsIndia Abraham
2,826 PointsWere you editing the footer.php file when you tried this?