WordPress.org

1. rharkey
   Member
   Posted 1 year ago #

   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!!

2. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

   Try adding:

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

   to your theme's stylesheet.

3. rharkey
   Member
   Posted 1 year ago #

   Nothing happened. Thanks for the suggestion.

4. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

   Try:

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

5. rharkey
   Member
   Posted 1 year ago #

   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.

6. rharkey
   Member
   Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.