Footer problem
-
I’m having a problem with my footer. Today I drafted a new post, but when I previewed it, the text of the post is covering the footer, rather than the footer being pushed underneath the blog post. Any ideas on how I can fix this?
The blog I need help with is: (visible only to logged in users)
-
This is most often caused by an open HTML tag in one of your posts.
Go to settings > writing and select “WordPress should correct invalidly nested XHTML automatically” and then click “save changes.”
Open the post in the editor, make one minor change such as adding and then deleting a space, and then click “update post.” Check your blog and see if it is back to normal.
-
Actually I see you have the custom design upgrade and have pasted the entire stylesheet into the CSS editor. At wordpress.com, that isn’t a good idea. What you want to do is to put in only the specific selectors, and the specific declarations you are changing and make sure “add to existing…” is selected.
There are several things in your CSS that are messing you up and they need to be corrected.
Change width as below in .col-full:
.col-full { width: 1000px; }In #main change to position relative and get rid of the “left” declaration. Position absolute brings everything to the front and the rest of the elements in the page will ignore that absolute element.
#main { position: relative; width: 650px; } -
Thanks so much for your advice. It sorted out my rogue footer instantly! I’m still very much a noob with this. I first time I even looked at code was last weekend! I’m still not entirely sure what it is that I’m writing, but, for the most part, my code seems to be working. It’s all a learning curve I guess :)
I’m a little confused about what you say in terms of the style sheet. In CSS editor, all I have in there are the specific changes I have made, and I already have “add my CSS to Bueno’s CSS style sheet” selected. So I’m not sure how you’re seeing that I have the full code pasted into CSS editor. Weird.
Can you offer any advice on how I could either change the colour or the font weight of the the “Leave a reply” header? I’ve tried the following, but with no luck:
#respond {
font-weight:bold;
}
.reply-title {
font-weight:bold;
}
-
You can target the “Leave a reply” heading on posts in the Bueno theme using this CSS:
#respond h3 { font-weight: bold; }However, you won’t notice a change because it’s an h3 and it’s already bold. That’s because heading tags like h3 are bold by default. :)
How are you trying to make the “Leave a reply” text exactly? Do you want to make it better?
-
ah, ok, it’s all starting to make sense now :) Of course it’s already bold, its a header. Noob mistake! <facepalm>
I want to make the text easier to read against my background. The text is currently in my chosen colour #663366 on a lighter purple background, which is making it a little difficult to read. I suppose i could make the font bigger, or put a plain background colour behind it to make it more visible… I just wanted to see if there was anything better I could do to make the text more visible, without changing the font colour if I can help it.
-
You’re doing great, btw! Your site looks awesome. :)
Hmm, what about making it a darker color like indigo?
#respond h3 { color: indigo; }Another option might be to give it the same border treatment the content area above it uses:
#respond h3 { padding: .8em; background-color: white; border: 5px solid #EFEFEF; } -
Thanks for the suggestions! I’ve gone with the border for consistency. I like consistency :) And thanks for the supportive feedback!
As you can tell, I’m not a programmer. I’d never even looked at code before this! I literally taught myself to code last weekend. The basics of HTML were ok, I followed that alright. But this CSS stuff is a whole different story! At times i’m finding it very frustrating and confusing! It really is like learning a foreign language if you’re never done anything like this before. But I’m just plodding my way through, experimenting, seeing if what I think should work actually does work. When it does, it’s great! When it doesn’t, oh man, how frustrating!
I’m hoping to “officially” launch the site next week (it’s been a bit of a secret project for myself really, just to see if I could pull it off). I even coded a webpage from scratch with HTML (it is very, very basic though!), which I might post when I go live. So it’s really nice of you to say that what I’ve managed to do so far looks ok. You’ve boosted my confidence no end :)
-
Hopefully, the payoff in the end is extremely worth it! I love CSS and I find it equally fascinating and frustrating at times too. :)
“It’s a secret project for myself really,” is my favorite thing I’ve read today.
-
Yeah, it is a personal project. Felt like taking on a challenge, getting out of my comfort zone and pushing the boundaries to see what I can do. This is so far removed from what I normally do, so its been a bit scary. And there have been times over the past few days where i’ve been swearing at myself, tearing my hair out, and in full emotional meltdown (particularly over why I couldn’t get the blinking footer to stay at the bottom of the browser!). But i’ve stuck at it, and i think its looking ok :) At least, I’m pleased with how its going so far. I’m not sure how well it’ll stand up against other blog sites though! But if i get a few hits, I’ll be happy :)
Thanks for all your help and very kind words. Fingers crossed I can pull it all together by next week and have something alright to put out there!
“You’re doing great, btw! Your site looks awesome :)” is my favourite thing I’ve read all week. So thanks :)
- The topic ‘Footer problem’ is closed to new replies.
WordPress.com Forums 