Changing the post and header width.

• 

  saplinghouse · Member · Feb 5, 2014 at 3:49 am

  • Copy link
  • Add topic to favorites

  I’m not sure that this is a CSS customisation exactly however I couldn’t work out how to do it through the theme customiser.

  I’m wanting to change the width of my posts and therefore header – there is too much white space either side of my posts and sidebar. I like the width of the sidebar but would like to increase the width of the posts so that there is only a small amount of white space.

  Anyone able to help me out?

  Cheers!

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

• 

  hfzrhmn · Member · Feb 5, 2014 at 5:22 am

  • Copy link

  @media (min-width: 1200px) {
    // This one widens the main layout
    .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
      width: 1200px;
    }
    // This one widens the header area and center the image
    #header-image {
      width: 1200px;
      text-align: center;
    }
    // This one widens the main posts area
    #main {
      width: 860px;
    }
  }

  Note that the theme you are using is responsive, so the layout automatically becomes smaller when seen on smaller screen.

  What I am adding above is basically doing the reverse: make the layout wider when seen on bigger screens (1200px and above). On monitor smaller than 1200px wide, the widening effect does not apply.