Changing width of main post area – Triton Lite theme

• 

  jenmackintosh · Member · Jul 1, 2015 at 4:01 pm

  • Copy link
  • Add topic to favorites

  Could someone help me with the CSS to adjust the width of my main post area? I’d like the main post area to be wider. The sidebar width is fine, although if it has to be adjusted to be smaller to accommodate a wider main area, that’s fine.

  Grateful for any help!

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

• 

  thesacredpath · Member · Jul 1, 2015 at 7:37 pm

  • Copy link

  Hi, I’m going to assume that the main page, and the categories/archive pages are ok in the grid layout and the following CSS will target static pages (about, etc.) and single post pages (after clicking on a post to view it).

  Give the following a try and see what you think.

  .single .container, .page .container {
      width: 1160px;
  }
  .single #posts {
      width: 850px;
  }
  .single-page-post .post-wrap, #posts .post-content {
      width: 820px;
  }
  .page .widget-area {
  	float: right;
  }
  #header-image {
      margin-left: auto;
      margin-right: auto;
      float: none;
  }

• 

  jenmackintosh · Member · Jul 1, 2015 at 7:51 pm

  • Copy link

  Thank you! That was exactly what I needed!

  I do have one more question:

  Adjusting the post width means that the very small dotted separator at the top of a page that is between the posts and right sidebar/widget area now lies within the post area. Is there a way to either slide that to the right, or delete it entirely?

• 

  thesacredpath · Member · Jul 1, 2015 at 9:22 pm

  • Copy link

  Oops, didn’t see that, and it took a while to find where they had declared that line. Add the following to bring it over beside the sidebar again.

  #posts {
      background-position: 200px 0;
  }

• 

  jenmackintosh · Member · Jul 1, 2015 at 9:59 pm

  • Copy link

  That is perfect! Thank you so much! This has been so helpful!

• 

  thesacredpath · Member · Jul 1, 2015 at 10:58 pm

  • Copy link

  Hooray and you are welcome.