Support » Themes and Templates » Problem with margins – Kubrick

  • I posted this before on how to section and got help from podz (thanks) but there is still a small problem.
    This is my index.php which i have no problems with:
    index
    And this is my wp-comment.php, which i have a small problem:
    comment
    As you can see, It’s a little bit off. I managed the width with the help from podz. Micheal told me it was a margin problem. I tried to change some margins but could not get it to work. I don’t know which code in wp-layout.css to edit. Any suggestions?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Mark (podz)

    (@podz)

    Support Maven

    By ‘off’ do you mean it is indented slightly ?

    It is not really off. I changed the background images my self and now i have to change to margins and the width to fit the column i created as a background image.

    No – from the graphic it seems that the comment box is expanding out of the container.

    Mark (podz)

    (@podz)

    Support Maven

    Ah.. I see now.
    This is coming about because on the main index you have a sidebar, but on a single page you don’t.
    I don’t yet have a kubrick install to play with, but at a guess it’s the .narrowcolumn and .widecolumn values you need to alter.
    That is a guess though….

    Well i have not really created a container. I just changed the background image so it is now narrower. So now i have to change to margins for comments to make them fit my new background.

    That shouldnt be the cause of it I wouldnt think.

    Yeah, you just need to change your CSS to match the graphic. I made the page wider on my site and had to do the same thing. It’s not difficult, podz was right. The Permalink section (the one with the comments) was designed to be widecolumn, and the main index to be narrowcolumn. There are two different images called for each. “kubrickbgwide.jpg” for the wide column, and “kubrickbg.jpg” for the narrow column. Just make sure you have edited both images to the right size (it looks like your permalink page is using “kubrickbg.jpg” instead of “kubrickbgwide.jpg”). Once you’ve got the page using the right image it will look better (ie. no nav colour bar in the comments) and then change your CSS to match the size you’d like. You’re going to have to edit the width of #page , .narrowcolumn , and .widecolumn in your CSS. Stop by my blog and drop me a line if you need some help.
    Cheers

    Try changing the .widecolumn css with the .narrowcolumn CSS, i.e. replace this:
    .widecolumn {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 150px;
    width: 450px;
    }
    or whatever is between the curly brackets, with:
    .widecolumn {
    float: left;
    padding: 0 0 20px 45px;
    margin: 0px 0 0;
    width: 450px;
    }

    Thanks for all of your suggestions. Longplay, the code you gave me worked. I just changed the padding in the code to fit my colum. Again thanks a lot to ALL of you.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Problem with margins – Kubrick’ is closed to new replies.