How to make The Columnist full width

• 

  artofnoises · Member · Feb 24, 2013 at 2:52 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’m new to CSS. I want to eliminate the space on the right hand side of the theme, so that the post area in the centre goes to the edge of the screen – hope that’s clear. What do I need to put in the CSS field please.

  Thanks,

  Joe

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Feb 28, 2013 at 1:09 pm

  • Copy link

  Here is an example you can start with:

  #main,
  #main:after,
  .site-footer {
  	width: 100%;
  	background: #fff;
  }
  
  .page #content,
  .single #content,
  .error404 #content {
  	float: left;
  }
  
  #left-col {
  	margin: 0;
  	padding: 0 2%;
  	width: 18%;
  }
  
  #content {
  	background: #f1f2f1;
  	margin: 0;
  	padding: 0;
  	width: 75%;
  }

  It makes the main content area on the home page stretch to full width. It uses percentages for each main block area of content. Note that you can adjust the numbers as needed, but be aware of different possible screen sizes—not everyone has the same view of a site.

  In the example I started you with, the width for posts and pages was left as is. This is because if you try to stretch the size of the featured images (which appear at the tops of those pages), it will distort the images.

  Try out the CSS and experiment with the numbers to see if you can get the result you’re looking for.

• 

  artofnoises · Member · Feb 28, 2013 at 1:27 pm

  • Copy link

  Much appreciated… I’ll give it a go!

  Joe