Reducing white space

• 

  rompoetry · Member · Mar 23, 2016 at 7:36 pm

  • Copy link
  • Add topic to favorites

  Hello. If someone can offer advice on reducing the amount of white space between the title and the actual content of the pages on my site, please let me know. I have just started working on it. I don’t like how much white space there is between, for example, “Welcome!” and the actual coffee cup logo and welcome message. I like this theme, so I don’t want to change it if not necessary. Thanks so much.

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

• 

  mgwp201603 · Member · Mar 23, 2016 at 8:01 pm

  • Copy link

  Hi,

  Check out the code below and see how it works for you:

  .post-header {
      padding-bottom: 2%;
  }
  
  .single .post-content {
      padding-top: 3.2%;
  }

  I’ve set these values to make the thin grey line appear halfway between the header and post content. (They are not equal as the header font is quite big and includes a lot of whitespace on its own). Feel free to experiment and adjust both of these numbers until you are satisfied with the result.

• 

  swoolz · Member · Mar 23, 2016 at 8:04 pm

  • Copy link

  Hi there,
  Try copying and pasting this into your custom CSS:

  .post-header {
      border-bottom: 1px solid #eee;
      padding: 2% 10%;
      position: relative;
  }
  
  .single .post-content {
      padding: 3%;
  }

  The “white space” you’re referring to is controlled by the “padding” option. Feel free to play with it; for reference, the white space around your “Welcome!” post-header started at 8% (which I changed to 2%) and 10% (which I left as it was). The white space (padding) around your coffee cup logo and information started at 10%, and I changed it to 3%.

  Let me know if that works! Have a wonderful day.
  ~Sarah

• 

  rompoetry · Member · Mar 23, 2016 at 11:32 pm

  • Copy link

  Thank you both! That worked–I will probably be asking for more help because I don’t know the codes!

• 

  swoolz · Member · Mar 26, 2016 at 2:13 pm

  • Copy link

  You’re very welcome! Happy blogging.