Need help with layout spacing please...

User 2076949 Photo


Registered User
34 posts

Hello,

I'm not sure if this is a CSS question or HTML question, since I'm not sure where the problem lies.

I've made a lot of changes to a theme I purchased, but I can't seem to figure out how to get rid of the approximate 100px of white space that seems to be added at the end of my sidebar contents. Can someone with more experience take a look? I've attached the HTML and CSS files.

Thanks in advance for your help!
Sarah
User 364143 Photo


Guest
5,410 posts

In the CSS file
#page

from
padding:0 20px 20px;

to
padding:0 20px 0px;


FYI: You just posted the theme you purchased minus the images here for everyone to download for free. :/
CoffeeCup... Yeah, they are the best!
User 2076949 Photo


Registered User
34 posts

Thank you, Tom!
User 364143 Photo


Guest
5,410 posts

You're welcome. I just edited my original response so try that.
And take a look at the FYI. :)
CoffeeCup... Yeah, they are the best!
User 2076949 Photo


Registered User
34 posts

Hi again,

That actually didn't seem to work. The space I am referring to is the white space my arrow is on in the picture attached, at the bottom of the sidebar...

Attachments:
User 2076949 Photo


Registered User
34 posts

Re: your FYI, I'm sorry! I didn't think about that. I tried to delete it, but it wouldn't let me...
User 364143 Photo


Guest
5,410 posts

Yes, I figured that. Go back to my original post and look at the change again. I revised it as I typed it wrong the first time. That will shorten the space there where your arrow is located.
CoffeeCup... Yeah, they are the best!
User 2076949 Photo


Registered User
34 posts

Thanks. I made your (revised) change and it decreased the space by 20 px, but there is still a large white space there.

User 364143 Photo


Guest
5,410 posts

I have a little space there after the change (< 1/2 inch), not a large space.

If you have text in the main area that drops below the length of the sidebar, you will have white space in the sidebar after the end of your text.

Also, after you make changes to the css and html, validate the code to correct the errors. That may help.

CSS
http://jigsaw.w3.org/css-validator/
HTML
http://validator.w3.org/
CoffeeCup... Yeah, they are the best!
User 2076949 Photo


Registered User
34 posts

Thanks Tom, I'll try the validators. I am very new to this!

The space I see is greater than .5". I'll keep trying...

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.