• Resolved rharkey

    (@rharkey)


    I am using Graphene theme. I would like to make the website more narrow. I found where to edit width on header and container, but not the main content section. I also would like to change the background color of this section. Can you tell me how to do this? Site: http://www.harkeyassociates.net/brackenfen/

    Thanks!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Try adding:

    .one-column .page, .one-column .post.author, .one-column .child-page {
        width:750px;
    }

    to your theme’s stylesheet.

    Thread Starter rharkey

    (@rharkey)

    Nothing happened. Thanks for the suggestion.

    Try:

    .one-column .page, .one-column .post.author, .one-column .child-page, .post {
        width:750px;
    }
    Thread Starter rharkey

    (@rharkey)

    Here is where I put it:

    #content {
    	background: #003300; /*was #e3e3e3 */
    	border-top: 21px solid #e3e3e3;
    	padding-bottom: 20px;
    }
    #content-main {
    	float: none;
    	width: 100%;
    }
    <strong>.one-column .page, .one-column .post.author, .one-column .child-page, .post {
        width:750px;
    }</strong>
    .two-columns #content-main {
    	float: left;
    	width: 675px;
    }
    .three-columns #content-main {
    	float: left;
    	width: 460px;
    }
    .three-columns #content-main {
    	float: left;
    	width: 460px;
    }
    .three-col-right.three-columns #content-main {
    	float: right;
    }
    .three-col-center.three-columns #content-main {
    	width: 445px;
    }

    Still nothing happened. I also tried:

    .two-columns #content-main {
    	float: left;
    	width: 675px;
    }

    Still nothing. Thanks again.

    Thread Starter rharkey

    (@rharkey)

    Okay your first suggestion worked, but instead of adding, I located the code already there and changed the width. Thanks!!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Graphene Theme – edit main content section’ is closed to new replies.