Support » Themes and Templates » CSS beginner needs some help

  • 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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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. 🙂

    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

    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 800×600). Someone who’s better with CSS than I am might be able to offer more direction.

    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?

    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. 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS beginner needs some help’ is closed to new replies.