WordPress.org

Ready to get started?Download WordPress

Forums

changing the width in Kubrick (6 posts)

  1. dorque
    Member
    Posted 7 years ago #

    Hello!

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

    Thank you :)

  2. Ryan Fitzer
    Member
    Posted 7 years ago #

    You do this by changing the css rules that define the body's width in the style.css file in the theme's folder.

  3. dorque
    Member
    Posted 7 years ago #

    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 :)

  4. Ryan Fitzer
    Member
    Posted 7 years ago #

    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.

  5. dorque
    Member
    Posted 7 years ago #

    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 */

  6. Ryan Fitzer
    Member
    Posted 7 years ago #

    Second rule down my friend. Put those glasses on.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags