How to get rid of white space below site header and main text on each page?

• 

  cmaden0 · Member · May 2, 2021 at 3:11 pm

  • Copy link
  • Add topic to favorites

  There is a large white gap underneath the site menu/header and the start of the main text on every page.

  How do I get rid of this?

  I’ve tried several different CSS options but none seem to work so far.

  Using the Dalston theme.

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

• 

  maksimurasov · Member · May 3, 2021 at 7:26 am

  • Copy link

  Hi @cmaden0,

  Thanks for the question,
  I suppose you want to make this gap below smaller?

  

  Here is some css that worked for me:

  /* reduces the gap between header and post/page content*/
  .entry-header {
      margin-top: 0;
  }

  For other readers, here is a link to custom CSS input manual in case necessary: https://wordpress.com/support/editing-css/
  In case some changes to original Theme code are needed, it is a good idea to create a child theme and therefore to avoid your design being destroyed after Theme update: https://wordpress.com/support/themes/uploading-setting-up-custom-themes/child-themes/.

  Please revert if that helped? We value your feedback, so let us know what you think!

• 

  staff-mckluskey · Staff · May 3, 2021 at 9:45 am

  • Copy link

  Thanks for helping out, @maksimurasov.

  
  @cmaden0, if you still need help, remember that with your plan, you can access support directly via https://wordpress.com/help/contact. That way, you can get help faster.