WordPress.com Forums » Topic: boarder around content page and rounded content page corners

instinctiveminds on "boarder around content page and rounded content page corners"

instinctiveminds — Thu, 01 Nov 2012 22:17:32 +0000

Thanks design simply. This css code is all new to me but the more help I get the more I am starting to get it. Thanks again

designsimply on "boarder around content page and rounded content page corners"

designsimply — Thu, 01 Nov 2012 15:31:27 +0000

You can add a border with rounded corners around the content area in the Comet theme by adding this to your Appearance → Custom Design → CSS editor:

#content {
	border: 4px solid #E7DBBE;
	border-radius: 8px;
}

#c2 {
	margin-right: 0;
}

The margin-right adjustment for #c2 is to give the borders room, without that the sidebar will fall to the bottom.

You can change the border color to a color code of your choice:
http://automattic.github.com/Iris/

Adjust the border-radius value to change how much the corners are rounded.

If you also wanted to get rid of the top and bottom border from the content and sidebar areas, add this:

#c2, #c3 {
	border: none;
}

instinctiveminds on "boarder around content page and rounded content page corners"

instinctiveminds — Mon, 29 Oct 2012 04:14:11 +0000

Hi Guys,

Can anyone help me with the following question - This is for comet theme web page http://www.instinctiveminds.com.au.

I am wanting to put a coloured boarder, around the content page so that it seperate's the content page and background boarder. Also am wanting the content page to have rounded edges instead of straight.