CSS beginner needs some help (6 posts)

  1. stephenolson
    Posted 9 years ago #

    I am in the process of my moving my blog from TypePad to WordPress. I have made decent progress with my stylesheeet, but am having a little problem figuring out where certain sections are located in my CSS.

    My TypePad blog is here:

    My WordPress blog is here:

    Mostly what I need to know is which sections of the css I need to address, once I know that I pretty much know how tto fix it.

    The things I can't seem to figure out are as follows:

    The border on the sidebar I currently have as the top of the content, I'd prefer it to be the bottom of the headers. I would also like more space between the header and the border...

    I also don't want the title in the banner or the post titles to be regular link colors.

  2. FruitFly
    Posted 9 years ago #

    Near as I can tell, in the time between when you posted this and I came upon it, you've figured out the bottom border on the sidebar headers.

    As for the space, margin will get you what you want, but you've got a number of designations to cover. You'll need to add a margin-bottom to all the headers on your sidebar.

    And for the link colors:

    The blog title is wrapped in
    <h1 id="header">
    - so styling
    #header a
    should fix that one.

    Likewise, the post titles are
    <h3 class="storytitle">
    - so
    .storytitle a
    should be where you specify that one. :)

  3. stephenolson
    Posted 9 years ago #

    Thanks for your help!

    Actually, the sidebar border is on the top of the content, not the bottom of the header.

    I'm also having a problem getting the elements to float on the page properly when I resize. I want them to all stay in the center, and have space added to the margins when resizing...if that makes sense...

    again, thank you so much

  4. FruitFly
    Posted 9 years ago #

    I'm not sure what you mean about the sidebar... can you try explaining exactly what you're trying to do?

    As for the re-size align - I'm not really a CSS guru myself, but I tinkered with your CSS, and I got it a little closer to what I think you're trying to acheive:

    Add in -

    #rap {
    margin: 0 auto 0 auto;
    width: 770px;

    And then change these:

    #content {
    margin: 30px 13em 0 3em;
    width: 70%;

    and change #menu right:80px.

    Did that make sense? :) You can play with those margins to try and make changes... but since you've got #menu set to absolute, it's going to make things funky on a smaller size (like 800x600). Someone who's better with CSS than I am might be able to offer more direction.

  5. stephenolson
    Posted 9 years ago #

    I changed some of the css, and now the banner and main body do what I want, but for some reason now the sidebar is on the bottom. Do I need to edit the index.php to put the sidebar on the side?

  6. FruitFly
    Posted 9 years ago #

    I think that's because you added in some pieces after I grabbed your CSS. This whole part:

    #container {
    width: 700px;
    position: static; }

    position: static;
    border: 0;
    background: #FFFFFF;
    padding: 15px 15px 15px 15px;


    Wasn't present in my copy. Try commenting that out temporarily, and see what you get. :)

Topic Closed

This topic has been closed to new replies.

About this Topic