Too much space below header title and page text

• 

  redcardresales · Member · Mar 16, 2015 at 4:56 pm

  • Copy link
  • Add topic to favorites

  If you look at my homepage on http://www.redcardresales.com , there is a lot of space between the title/menu buttons and the images and text that follows. Is there a way to shift everything up so that the images/text are closer to the top? I would like for someone visiting the page to be able to read more without having to scroll down. Thanks!

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

• 

  thesacredpath · Member · Mar 17, 2015 at 6:34 pm

  • Copy link

  Hi there, give the following a try, which takes the padding at the top of page content to 0. I’ve targeted pages only, not posts.

  .page .hentry {
      padding-top: 0;
  }

  When you publish posts, if there is too much space between the post titles and header/menu, remove the .page part of the above so it looks like this

  .hentry {
      padding-top: 0;
  }

• 

  redcardresales · Member · Mar 18, 2015 at 3:02 am

  • Copy link

  Wow, thank you SO much!

  If I want a little bit of space, do I replace 0 with another number accordingly, i.e. 1 for more space?

• 

  thesacredpath · Member · Mar 18, 2015 at 2:11 pm

  • Copy link

  You are welcome. For padding, set it with a pixel value, such as 5px. 0 doesn’t need a px on it, but when you set something other than 0, then you need one. Same would go for a margin.

• 

  redcardresales · Member · Apr 9, 2015 at 4:39 pm

  • Copy link

  Can you please direct me on how to change the font of my menu items? And how to bring them up a little closer to the title?

  Thanks again! You were so helpful with my last question!

• 

  thesacredpath · Member · Apr 9, 2015 at 7:12 pm

  • Copy link

  On the menu font, I’m not clear what you want to change about it, but this will get you started. The first rule will allow you to change the font color and size.

  .wf-active .main-navigation a {
      font-size: 1.5em;
      color: #cc0000;
  }

  This rule will tighten up the spacing between the title and menu.

  .site-description {
      display: none;
  }