Reducing front page open white space

• 

  strivesoft · Member · Feb 12, 2016 at 7:26 am

  • Copy link
  • Add topic to favorites

  Hi
  How do I reduce the open white space on our home page between the picture and the testamonials?

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

• 

  thesacredpath · Member · Feb 12, 2016 at 8:04 am

  • Copy link

  Hi, you can move the testimonials up by adjusting the top margin on them with the following CSS (3em is what it is now, and you can use decimals like 0.3em, or even 0).

  .jetpack-testimonial {
      margin-top: 3em !important;
  }

  If that isn’t enough, there is also 3em of top padding on the testimonial parent div, so with the following you can adjust that to close things up even more.

  .front-widget-area, .front-testimonials {
      padding-top: 3em;
  }

  There is also 2.5714em of bottom margin on the widgets right above the testimonials, which you can adjust with the following.

  #secondary.front-widget-area .widget {
      margin-bottom: 2.5714em;
  }

• 

  strivesoft · Member · Feb 15, 2016 at 9:20 am

  • Copy link

  Hi, thanks so much, it worked.

• 

  thesacredpath · Member · Feb 15, 2016 at 7:29 pm

  • Copy link

  You are welcome.