View Full Version : WordPress Layout Adjustment


bourdelson
04-27-2004, 12:35 AM
I just downloaded WordPress, and I like it so far, but there's a lot of CSS and I've got myself in a bit of a tight spot.

http://www.freepgs.com/xerox/blog

The layout is kind of weird looking, because things are positioned weird, and I don't know what I did. It's just...off.

Sorry if this seems kind of [er, maybe I should say really?] vague, but can anyone see what's wrong with it? Is it not positioned enough from the left?

If it helps any, everything I changed is found here: http://www.freepgs.com/xerox/blog/wp-layout.css

Thanks to anyone who understood what I said and can help me out. :)

stargrl329
04-27-2004, 12:45 AM
It looks like the float properties are making the content div slide behind the menu. Perhaps you could try changing the content CSS to this:
#content {
margin: 30px 13em 0px 11em;
padding-right: 60px;
}
That gives the content div a left margin of 11em, which is equal to the width of the menu. Let me know if that works out ;)

bourdelson
04-27-2004, 12:50 AM
Thanks a ton for looking, stargrl, but that just made the posts bunched up. I was hoping to move the box that its in over. If you scroll to the bottom, you can see the border, and how it's behind the left menu. I was hoping to move that over to the left more.

Thank you for trying, though! It's very much appreciated. :)

Demented
04-27-2004, 01:22 AM
Can you use a div, or a table to reposition it?

bourdelson
04-27-2004, 09:09 PM
Well, the layout is done with divs. The problem is, I don't know which thing controls which, so I'm not completely sure as to how to change the problem. :buckt:

Calidris
04-28-2004, 10:55 PM
The only bit I can see that doesn't look right is the gap around the right of the main content. Here's why:
#content {
margin: 30px 13em 0px 11em;
padding-right: 60px;
}Lots and lots and lots of space there. I like it like this:
#content { margin: 30px 2em 0px 11em; }

bourdelson
04-30-2004, 09:11 PM
Thanks Calidris :), that helped some, and I've been playing with it, but there's a bit at the side that I can't get rid of. On the right side of the screen, there's a lot of white space, and I want all of the content stuff [title bar and posts] to be pushed over that way. I've tried playing with some of the numbers, but I can't figure out how to do it. Can anyone see what I can fix?

stargrl329
04-30-2004, 09:30 PM
Sorry if this has nothing at all to do with the problem you're having.. but I noticed two things. First, I didn't see the definition for <div class="post"> in your stylesheet. (I know that there are other stylesheets that come with WordPress, though, so it may be in one of those?) Also, the left and right margins for <div id="rap"> are set to 100 pixels. Perhaps try changing those and see what happens? Of course, you are probably more familiar with the coding than i am, lol. ;)

bourdelson
04-30-2004, 09:47 PM
Thanks! That worked perfectly. I was changing the wrong numbers in the id for "rap," so it kept getting pushed over to the left. Oops, haha. I think the "post" class is in one of the other stylesheets, but I can't see it, which is bad, because that's the one I was going to adjust next. Weird.

stargrl329
04-30-2004, 09:54 PM
Yay! I'm glad it worked for you :)