Changing Width of Content Space for the Pilcrow Theme

• 

  chsprauve · Member · Mar 3, 2012 at 6:39 am

  • Copy link
  • Add topic to favorites

  Adding a sidebar in the Pilcrow theme makes the text content too bunched for my liking. My Hands Made It (myhandsmadeit.com), a blog that uses the Pilcrow theme, has a sidebar, but the text content isn’t bunched. Is there a way to change the width of the space using CSS? Thanks in advance! My blog’s address is blacknectar.me.

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

• 

  boostew · Member · Mar 4, 2012 at 10:13 pm

  • Copy link

  I second this request! Is there also a way you can make the text a bit bigger as well as the leading? I think that as it is it’s far too narrow to put much content in to be readable. Thanks!

• 

  timethief · Member · Mar 4, 2012 at 10:14 pm

  • Copy link

  These days only Staff are providing CSS support and you may have to wait until March 6th.

• 

  timethief · Member · Mar 4, 2012 at 10:16 pm

  • Copy link

  @boostew
  Have you purchased an annually renewable custom design upgrade so you can do the required CSS editing?

• 

  boostew · Member · Mar 4, 2012 at 10:33 pm

  • Copy link

  Thanks for the very quick reply! I haven’t bought the custom upgrade yet as I’m still checking things out on WordPress (just come over from Blogger). I think all roads are pointing in that direction though.
  Thanks again for the help!

• 

  timethief · Member · Mar 4, 2012 at 11:10 pm

  • Copy link

  You’re welcome.

• 

  designsimply · Member · Mar 6, 2012 at 6:44 pm

  • Copy link

  To widen the width of the content area in the Pilcrow theme, try this:

  .two-column #container {
  max-width:1000px;
  }

• 

  chsprauve · Member · Mar 7, 2012 at 2:50 am

  • Copy link

  Thanks alot!

• 

  designsimply · Member · Mar 8, 2012 at 12:14 am

  • Copy link

  You’re welcome alot. :)

• 

  boostew · Member · Mar 12, 2012 at 5:39 am

  • Copy link

  Hi designsimply,

  I upgraded, tried this and it worked!! I’d also now like to tweak the size of the sidebar content (down a bit) and the main body text (up a bit). This looks like the relevant part of the CSS style sheet (pasted below), but I can’t figure out what I should tweak. It’s also distorted the header image now (which I’ve taken off), but perhaps I’ll have to start a new thread or add to another. My site is here: http://boostew.com Thank you!

  /* Content-Sidebar layouts */
  .content-sidebar #content-container {
  float: left;
  margin: 0 -30.4% 0 0;
  }
  .content-sidebar #content {
  margin: 0 35.1% 0 0;
  }
  .content-sidebar #sidebar,
  .content-sidebar #secondary-sidebar {
  float: right;
  }
  .content-sidebar #secondary-sidebar {
  clear: right;
  }

• 

  designsimply · Member · Mar 20, 2012 at 7:06 pm

  • Copy link

  The reason there’s extra space at the top of the text on the home page is because there’s space for a title but you’ve left the title blank. To adjust that, I would just remove the title and the spacing will snap up. You could also ad a little extra padding tot he top of the sidebar as follows:

  .home .entry-title {
    display: none;
  }
  
  #sidebar {
    padding-top: 10px
  }

  Adjust the number as necessary.

• 

  designsimply · Member · Mar 20, 2012 at 7:07 pm

  • Copy link

  It’s also distorted the header image now (which I’ve taken off), but perhaps I’ll have to start a new thread or add to another.

  I see you also posted about this at https://en.forums.wordpress.com/topic/header-image-in-pilcrow-distorted-after-css-edit?replies=2