Reduce White Space on Home Page

• 

  portlandstudygroup · Member · Mar 3, 2019 at 7:48 am

  • Copy link
  • Add topic to favorites

  I would like to reduce the white space in three areas.

  1- Between the featured image and the front page widget area
  2-Between the front page widget area and the testimonials
  3-Between the testimonials and the footer widget area

  Any help with this would be appreciated as all my attempts have failed.

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

• 

  jjberg83 · Member · Mar 3, 2019 at 9:42 am

  • Copy link

  Hi there,

  If you have a Premium plan and know how to edit the CSS, please try out this CSS code to see if that solves your problem:

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

  Adjust the padding to your liking. If you don´t know how to edit the CSS, please check out this article.

• 

  portlandstudygroup · Member · Mar 4, 2019 at 12:47 am

  • Copy link

  Hi!

  Thanks for trying. Unfortunately, that didn’t work either. You used a different selector than I did, but I think that it just must be incorporated into the theme all the white space. I’ll live with it, I guess.

  Thanks so much. I’m going private again while I work on the site. :-)

• 

  portlandstudygroup · Member · Mar 5, 2019 at 5:26 am

  • Copy link

  I’ve been playing around and finally found the solution I was looking for. I’m putting it here in case anyone else faces this problem with the Sela theme.

  .front-page-testimonials.front-testimonials.testimonials {
  padding-top: 0;
  padding-bottom: 0;
  }

  .widget-area.front-widget-area {
  padding-bottom: 0;
  padding-top: 1em;
  }

  .widget-area.footer-widget-area {
  padding-top: 1em;
  }
  header.entry-header {
  display: none;
  }
  footer.entry-meta{
  display: none;
  }