Grisaille Theme- Widen column?

• 

  gamesfemme · Member · Jan 9, 2015 at 7:19 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I’m wondering if there is a way to widen the content column on my website. I’ve tried playing around with the width in #canvas, but this throws off the centering.

  If it is possible to widen the content column, is it also possible to widen the space reserved for the header? Basically, I would like the whole website to take up more horizontal screen space (if that makes any sense). I like the sidebars on either side of the content but on bigger screens, it’s a lot of blank space.

  Thanks so much!
  Taryn

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

• 

  thesacredpath · Member · Jan 9, 2015 at 8:26 pm

  • Copy link

  Hi Taryn, let’s give this a try. It widens the overall theme by 200px and widens the content by that same amount. If this is good for you, you will also want to enter 790 into the Media Width field below the CSS edit area.

  #canvas {
      width: 1160px;
  }
  #header img {
      width: 1145px;
  }
  #primary-content {
      width: 825px;
  }
  #top-menu {
      width: 1145px;
  }

• 

  thesacredpath · Member · Jan 9, 2015 at 8:27 pm

  • Copy link

  The above is based off of your current configuration of a single sidebar on the right.

• 

  gamesfemme · Member · Jan 12, 2015 at 2:38 pm

  • Copy link

  That’s perfect– thank you very much! :)

• 

  thesacredpath · Member · Jan 19, 2015 at 3:32 pm

  • Copy link

  You are welcome.