Support » Fixing WordPress » changing the width in Kubrick

  • Hello!

    Is it possible to change the width of Kubricks body? And.. how do I do that? 😛

    Thank you 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • You do this by changing the css rules that define the body’s width in the style.css file in the theme’s folder.

    Thanks! It worked. I put the width to 600px and now the body is exactly in the middle and the sidebar is next to it, when actually the body and the sidebar should be under the header!

    Its not easy to explain; http://www.square-eyed.net/blog/

    what should I do?

    thanks 🙂

    Now you need to change the with of the #page rule. But be beware, once you start doing this, other things will need tweaking as you’ve just witnessed. Be prepared to start combing through your theme’s markup and css to get everything to play nice.

    I can’t find page rule. Maybe it has a different name? this is a piece of my style.css:

    /* Begin Structure */
    body {
    margin: 0 0 20px 0;
    padding: 0;
    width: 600:
    }

    #page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 600px;
    border: 1px solid #959596;
    }

    #header {
    background-color: #73a0c5;
    margin: 0 0 0 1px;
    padding: 0;
    height: 200px;
    width: 600px;
    }

    #headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
    }

    .narrowcolumn {
    float: left;
    padding: 0 0 20px 45px;
    margin: 0px 0 0;
    width: 450px;
    }

    .widecolumn {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 150px;
    width: 450px;
    }

    .post {
    margin: 0 0 40px;
    text-align: justify;
    }

    .widecolumn .post {
    margin: 0;
    }

    .narrowcolumn .postmetadata {
    padding-top: 5px;
    }

    .widecolumn .postmetadata {
    margin: 30px 0;
    }

    .widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
    }

    .widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
    }

    .postmetadata {
    clear: left;
    }

    #footer {
    padding: 0;
    margin: 0 auto;
    width: 600px;
    clear: both;
    }

    #footer p {
    margin: 0;
    padding: 20px 0;
    text-align: center;
    }
    /* End Structure */

    Second rule down my friend. Put those glasses on.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘changing the width in Kubrick’ is closed to new replies.