Padding beneath a vertical rule

  • Hey guys.

    I have been toying around with a TwentyTen child theme just a little so I can tweak a few things on my blog, Journalator.

    I’ve done a few things successfully, including getting rid of the design excesses in the Twenty Ten and turning my header into a link.

    Today, I tried to add a vertical rule between my main content area and my sidebar, which worked, sort of. The only thing I can’t figure out is how to prevent the vertical rule from running over the black bar where the footer begins. If you go to my website, you’ll see what I mean pretty easily.

    I don’t know the first thing about CSS, but here on the forums and on other websites I’ve been able to get great step-by-stem instructions that’ve helped me do what I want to do. Can someone help me with my rule problem?

    Thanks!
    – Mario

Viewing 1 replies (of 1 total)

  • possibly caused by the negative top margin of #colophon in style.css of the parent theme:

    #colophon {
	border-top: 4px solid #000;
	margin-top: -4px;
	overflow: hidden;
	padding: 18px 0;
}

    to compensate, add this to the end of style.css of your child theme(close the last style first with a curly bracket } )

    #colophon {
	margin-top: 0px;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Padding beneath a vertical rule’ is closed to new replies.