Lodestar Panel Padding

• 

  zengreenway · Member · Mar 14, 2022 at 5:20 pm

  • Copy link
  • Add topic to favorites

  What CSS can I add to decrease the padding of Lodestar’s panels?

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

• 

  staff-sheva · Staff · Mar 14, 2022 at 6:12 pm

  • Copy link

  Hi @zengreenway,

  The following CSS should help:

  .home .one-column .panel-content .wrap {
      max-width: 1400px;
  }
  
  @media screen and (min-width: 60em) {
      .home .one-column .wrap {
          padding-left: 0.1em;
          padding-right: 0.1em;
      }
      .home .panel-content .wrap {
          padding-bottom: 1em;
          padding-top: 1em;
      }
  }

  To add this, please go to Appearance → Additional CSS. You can adjust the number values to match your liking (e.g. 1200px, 1.5em)

  Hope that helps.

• 

  zengreenway · Member · Mar 14, 2022 at 8:10 pm

  • Copy link

  Thanks for the reply! Can I add max-height somewhere in there too? I’m more interested in reducing the vertical space.

• 

  zengreenway · Member · Mar 14, 2022 at 8:12 pm

  • Copy link

  Oops. Never mind. The code you gave me seems to already reduce vertical space. Thanks again!