How to make overall blog and text area wider

• 

  gillestheoldguy · Member · Sep 21, 2014 at 7:52 pm

  • Copy link
  • Add topic to favorites

  I’m still customizing Pilcrow and would like to make my blog wider so there is less empty space on the sides and a wider text area.

  How do I do this ?

  Thanks in advance for your help.

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

• 

  lizthefair · Member · Sep 22, 2014 at 10:46 pm

  • Copy link

  I think this should do it:

  #wrapper{
    margin-left: 0;
    margin-right: 0 !important;
  }
  #content{
      width: 70%!important;
  }
  #secondary-sidebar{
      margin-right: -20% !important
  }

  I tried to pay attention to responsiveness, but I might have missed something so if you find things look wonky on smaller (or larger) screens let me know and I’ll adjust further.

• 

  gillestheoldguy · Member · Sep 23, 2014 at 1:37 am

  • Copy link

  Liz, that did the trick, thank you.

  Again, you folks are very helpful and it’s greatly appreciated.

• 

  alimranraza · Member · Sep 23, 2014 at 7:44 am

  • Copy link

  Does it require a paid theme?

• 

  lizthefair · Member · Sep 23, 2014 at 12:50 pm

  • Copy link

  @alimranraza,

  Making changes using CSS (which is what I was helping gillestheoldguy with) doesn’t require a paid theme, but it does require the custom design upgrade. You can read more about it here:

  http://en.support.wordpress.com/custom-design/