Top and bottom page margins

• 

  oishiidesuca · Member · Feb 20, 2018 at 5:10 pm

  • Copy link
  • Add topic to favorites

  I’m trying to reduce the amount of TOP and BOTTOM “padding/margin” of the Panel Page Templates or Shoreditch.

  I saw this CSS, and I thought I could just add a bottom, but that didn’t work.

  .hentry+.hentry {
      margin-top: -1.5em;
  }

  There were some other instances I saw, but I think it varies (responsive) based upon screen size. Due to that reason, I thought I better ask versus hacking away at things.

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

• 

  thesacredpath · Member · Feb 20, 2018 at 5:52 pm

  • Copy link

  Hi there, the theme has top and bottom padding on the panels, which you can adjust. Although there are some instances where a negative top margin is useful, I would suggest adding the following three media queries to your custom CSS and then adjust the padding for each as desired. You can narrow your browser window and watch the padding to see when things change and then adjust each to your liking.

  .hentry {
      padding-bottom: 4.5em;
      padding-top: 6em;
  }
  .hentry {
      padding-bottom: 3em;
      padding-top: 4.5em;
  }
  .hentry {
      padding-top: 3em;
      padding-bottom: 1.5em;
  }

• 

  oishiidesuca · Member · Feb 20, 2018 at 8:38 pm

  • Copy link

  wow, yea, I saw those, but thank you AGAIN for the quick and extremely helpful response!

• 

  thesacredpath · Member · Feb 20, 2018 at 10:05 pm

  • Copy link

  You are welcome.