Adjusting twenty ten borders

  • Author
  • #901067


    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:

    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


    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;


    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.


    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.