fix footer to the bottom of the page
-
Hello,
I am using the landscape theme on wordpress.org and although Ive searched for over 2 hours now I can’t seem to figure out how to fix footer to the bottom of the page.here is a link to my website.
http://www.jordanwhitlockmusic.comThank you!
-
Hello, try editing style.css
.site-footer { position: fixed; bottom: 10px; left: 50%; }
I’m sorry I’m a little confused where in mt style.css footer code?
/* =Footer
———————————————– */#colophon{
clear:both;
max-width:100%;
margin:20px auto 0;
padding:40px;
text-align:center;
border-top:none;
4px double #e6e6e6
}
#colophon a{
color:#999;
text-decoration:none;
}
#colophon a:hover{
color:#000;
text-decoration:none;
}Backup old one and try changing #colophon
#colophon { bottom: 5px; clear: both; left: 40%; position: fixed; text-align: center; }
that didn’t work
Why not? What’s the desired outcome, goal? Please describe it better.
original jordanwhitlockmusic.com I’d like that to stay fixed all the way to the bottom of the page example http://www.coldplay.com their terms and copy right is fixed at the bottom. Hope that makes sense?
I tried it again https://i.imgur.com/u7JZTCN.png (see top right)
End result https://i.imgur.com/moltVJn.jpg
This isn’t what you want?thats exactly what i want! I’ll try it again!
so do i remove this
#colophon{
clear:both;
max-width:100%;
margin:20px auto 0;
padding:40px;
text-align:center;
border-top:none;
4px double #e6e6e6
}and replace this
#colophon {
bottom: 5px;
clear: both;
left: 40%;
position: fixed;
text-align: center;
}Yes, your browser will cache the css file, so you need to refresh the site a couple of times. That might be the problem for the first run.
this is what the stylesheet footer looks like now. I’ve refreshed a few time as well no luck. Should i be editing anything else?
/* =Footer
———————————————– */
#colophon {
bottom: 5px;
clear: both;
left: 40%;
position: fixed;
text-align: center;
}#colophon a{
color:#999;
text-decoration:none;
}
#colophon a:hover{
color:#000;
text-decoration:none;
}It works for me in Firefox & Chrome
that did it!!! Thank you!!!
Happy WordPressing 😉
PS: Mark this topic as resolved.
- The topic ‘fix footer to the bottom of the page’ is closed to new replies.