boarder around content page and rounded content page corners

  • Author
    Posts
  • #1055462

    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.

    #1055769

    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;
    }
    #1055776

    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

The topic ‘boarder around content page and rounded content page corners’ is closed to new replies.