cutting down on white space

• 

  maryellentc · Member · Nov 2, 2015 at 9:21 pm

  • Copy link
  • Add topic to favorites

  is there any way to cut down on some of the white space i have on the sides of my site? it’s looking particularly sparse on some larger screens and i’m kind of at a loss of what to do. thanks so much!

  pnpi.org

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

• 

  thesacredpath · Member · Nov 3, 2015 at 4:28 am

  • Copy link

  Hi, right now the overall container max-width of your site is 1140px and the content 68px less than that due to left/right margins. For full-width content, such as you have, that is really wide when considering design guidelines for easy readability. Although it is more complex than this, in general it is best to keep text-based content in the 500-750px width range. Longer lines of text are harder for people to read. In addition, the featured image size is calculated by the theme using the original width.

  That said, you can add the following and change the width. I arbitrarily put in 1600px.

  #page {
      max-width: 1600px;
  }
  .home .entry-thumbnail img {
      width: 100%;
  }

• 

  maryellentc · Member · Nov 5, 2015 at 9:04 pm

  • Copy link

  thanks so much! this is helpful and i’m going to play around with some different options here. is there a way to still get my bottom blue bar content centered?

• 

  thesacredpath · Member · Nov 6, 2015 at 5:43 am

  • Copy link

  This should do it for you on centering the widgets.

  .footer-widgets {
      width: 30%;
  }

• 

  michaelglancyglassworks · Member · Nov 6, 2015 at 7:26 pm

  • Copy link

  I too would like to cut down on the white space above and below the CSS on my homepage.

  Can anyone take a look and help me out.

  It looked balanced for a long time, about an inch of white above and below the CSS, but something changed recently and now the white is uneven and too large below the CSS.

  Thank you!

• 

  michaelglancyglassworks · Member · Nov 6, 2015 at 7:29 pm

  • Copy link

  Correction: white space too large “above” the CSS.

  Would like 1″ of white above and below the CSS.

• 

  thesacredpath · Member · Nov 9, 2015 at 9:21 pm

  • Copy link

  Hi @michaelglancyglassworks, since you are using a different theme, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.

• 

  michaelglancyglassworks · Member · Nov 9, 2015 at 9:31 pm

  • Copy link

  Will do. Thank you!