Need help? Check out our Support site, then


boarder around content page and rounded content page corners

  1. instinctiveminds
    Member

    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.

    The blog I need help with is instinctiveminds.com.au.

  2. 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;
    }
  3. instinctiveminds
    Member

    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

Topic Closed

This topic has been closed to new replies.

About this Topic