Remove space between header and text in main page's panel

• 

  sherrykoh · Member · Sep 30, 2016 at 8:42 am

  • Copy link
  • Add topic to favorites

  space between header and text is huge. I have included the code below, but it didn’t work. this is for e.g. the Work panel. please advise. thanks!
  https://sherrykoh.com/

  .home .pique-panel-content .entry-footer {
  display: none;
  }

  .home .pique-panel-content .entry-content {
  margin-top: 0;
  }

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

• 

  thesacredpath · Member · Sep 30, 2016 at 9:10 pm

  • Copy link

  Hi, the panels on the main page all have a minimum height set for them. We can specifically target the Services panel above Work and shorten that one up. You will see that the units for the min-height are vh, which was originally 60(%). The following changes that particular panel to 40vh. See what you think with this.

  .home .post-374.pique-panel {
      min-height: 40vh;
  }

• 

  sherrykoh · Member · Oct 4, 2016 at 3:52 am

  • Copy link

  Sorry, but that did not reduce the header and text for e.g. Work panel. Any other solutions?

• 

  thesacredpath · Member · Oct 4, 2016 at 6:23 pm

  • Copy link

  @sherrykoh, ok I’m obviously looking at the wrong thing. Can you be a bit more specific on the space you are talking about? Looking at your site, I’m not seeing what I would consider a lot of space in the Work section on your home page.