Footer moved to the top of Coraline theme
-
I was attempting to edit the footer of my Coraline themed blog @ http://www.babymoonrecords.wordpress.com and after I had finished the footer was moved to the top of my page.
I customized the CSS to use the Widget as the footer and it had been working up until just now.
Any ideas? Here’s the CSS
#footer #colophon { display:none; } #footer { overflow:hidden; padding-bottom:50px; } #newfoot { position:absolute; left:0; bottom:0; width:990px; border-top:1px solid #ccc; color:#888; font-size:12px; font-style:italic; line-height:16px; text-align:center; padding-top:20px; } #newfoot a { color:#888; } #newfoot a:hover { color:#df0000; }And the html in the widget is
<div id="newfoot"> © 2011 <a href="http://www.babymoonrecords.wordpress.com">Baby Moon Records</a> Powered by <a href="http://www.wordpress.com">Wordpress</a> </div>The blog I need help with is: (visible only to logged in users)
-
I believe it has something to do with the overflow of the main container but I’m not sure how to fix it.
-
Here’s the CSS for the main content container
.sidebar-content-sidebar #content { background-color:#FFFFF0; overflow:auto; height:500px; border-color:#000000; border-style:solid; border-width:1px; margin:0 0 10px 23.2%; padding:10px 15px 0; } -
I’ve tried visiting your site three times now, and each time it all but kills my browser, so I’m sorry I won’t be able to help with this.
One thing I will mention, is that if you hide the normal footer on wordpress.COM blogs, you risk getting your blog suspended or deleted as it is against the TOS here. The standard footer has to stay in the blog and has to stay visible.
-
Not sure why my blog is killing your browser and definitely don’t want the footer hidden; want it displayed but in the footer position heh.
-
-
WordPress.com blog running Pilcrow as coded to run on mutiuser software http://babymoonrecords.wordpress.com/
Wordpress.ORG install coded to riun of free standing wordpress.ORG installs >
http://sonsofyoung.wordpress.com/Bottom line: TSP cannot help you and the rest of us don’t have CSS editing skills.
-
huh? I’m really confused, sorry I’m just not understanding? I did download wordpress.org but I’ve never used it and don’t know why it’d be associated with any of my blogs.
-
-
YIKES! Both blogs are actually wordpress.COM blogs. I apologize for that – I’m sorry about the confusion. The bottom line remains the same. There is no Staff support for CSS editing. Only 2 Volunteers help with it TSP has stated he cannot help you and the other Volunteer is no available and has not been for some time now. :(
-
I did, I’m not sure what’s going on with my blog? I was looking just to fix my footer problem but now I seem to have a deep issue? But I’m not sure what that issue is? Sorry for the hassle.
-
You had me scared for a minute. Well TSP, not sure why your browser wont load my blog; loads fine for me in IE and firefox though the footer is messed up in both but in different ways.
If you don’t mind trying at another time to view the blog and see if you can understand the problem I’d appreciate it. Other than that I’ll keep messing around with it.
Thank you both for your help thus far.
-
OK, I managed to get it to open in a different browser. There might have been some hangups with the soundcloud stuff.
I don’t see any issues with your code so I’m at a little bit of a loss as to why it would be suddenly moving the footer stuff to the top of the site. Staff are continually tweaking the themes here to make them better, and also to prepare for new features, so perhaps something they did in an update caused this.
If you want to put your widget back into the sidebar (without the corresponding CSS) I can take a look at it and see what I can do.
-
I put the widget back and changed the footer CSS back to the original. That of course fixes the problem; so I guess my issue is how can I add my own HTML in addition to the HTML and text that is already there without the footer for some mysterious reason being moved to the top of the blog.
-
Give this a try. I’ve simplified things considerably and left the original footer in place, which I think is best. I would remove the “powered by WordPress thing and just keep the copyright.
#newfoot { bottom: 0; color: #888888; font-size: 12px; font-style: italic; position: absolute; text-align: center; width: 100%; } -
Great dude, thanks so much! Worked awesome, atleast in Firefox. There’s still an issue in IE though; I don’t believe it has to do with the footer though; seems to be an issue with the overflow of the main content container. Any ideas? Hope you don’t mind me asking another question in the same post. Again I appreciate what you do TSP.
- The topic ‘Footer moved to the top of Coraline theme’ is closed to new replies.
WordPress.com Forums 