Adjusting twenty ten borders

  • Author
    Posts
  • #901067

    sisyphus1987
    Member

    Hi all,

    I’m currently using the twenty ten theme and it gets the job done, but I want to personalize the site a little more. Here’s a rough idea of what I’m going for:
    http://lazyintellectualdotcom.files.wordpress.com/2012/05/planned-site-design.jpg

    The problem is that there is a white border around the edges of the banner photo. This means that the banner would be “floating” separately from the background which I would like it to be a part of. If I could either change the colour of the border that Twenty Ten uses or remove it entirely I would be all set.

    Thus, my question is: does anyone know if this is possible and if so, what would I have to put into CSS to change it.

    Thanks in advance.

    The blog I need help with is lazyintellectual.com.

    #901166

    This removes the white overall background from the wrapper and adds a background to the content and footer areas. What you would now need to do is to create a header image that has a transparent background (PNG). It could be that the wordpress software will re-save that image as a JPG, thus killing the transparency. If that happens, upload the image (sized exactly for the header area) and then we can “hack” it into the CSS instead of using the header uploader. Start with the following though and let’s see how far you get with the header image. (You can of course edit the tan-ish background color I used for main and footer. It was just for clarity while I was working.)

    #wrapper {
    background: transparent;
    }
    
    #main, #footer {
    background: #DDCCAA;
    }
    
    #colophon {
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 10px;
    width: 904px;
    }
    #901347

    sisyphus1987
    Member

    Thank you very much for your help, it’s put me on the right track. Next step is to learn CSS myself so I don’t have to keep asking others.

    #901349

    You are welcome, and please if you get stuck or can’t figure out how to do something, ask. That is what the CSS forum is for.

The topic ‘Adjusting twenty ten borders’ is closed to new replies.