Radcliff 2 Formatting

• 

  holtwaterworks · Member · Oct 22, 2020 at 2:30 pm

  • Copy link
  • Add topic to favorites

  I can’t figure out how to get rid of the extra white space on the homepage between the main image of the water tower and Staff and the extra space between Staff and the list of staff members. This spacing appeared to show up after WordPress switched to the block editor. I’ve looked at the html code, but can’t find where the extra spaces have been added.

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

• 

  cintiamillan · Member · Oct 23, 2020 at 9:56 am

  • Copy link

  Hi there :)

  Please add this to your custom CSS:

  .entry-content>*[class^=wp-block-] {
  margin-bottom: 0;
  }

  .wp-block-cover, .wp-block-cover-image {
  min-height: 0;
  }

  .entry-header {
  padding: 0;
  }

  
  @media screen and (min-width: 768px)
  .entry-header {
  padding: 0;
  }

  I hope that helps!

• 

  supernovia · Staff · Oct 24, 2020 at 8:42 pm

  • Copy link

  In this case it looks like “Staff” is set up as a cover block, so it’s got its own height built into it. Cover blocks are meant to have an image behind them. This one does not, so it’s just showing up as extra space.

  I’d recommend clicking on the block, choosing to insert above or below, and picking a Header block instead. Type Staff in that.

  Then, click on the big Staff block and delete that.

  Let us know if you need more help.

• 

  m088723 · Member · Oct 27, 2020 at 4:42 am

  • Copy link

  Thank you guys, for the good solutions guys, it has helped me with the work that I’m doing for class.