How do I optimize empty space below featured image + fix this glitch?

• 

  vinaybmw · Member · Dec 18, 2020 at 11:28 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’ve used a CSS code I found on this forum to remove the yellow divider that generally appears below the featured image on every page.

  However, there is a ton of empty space above and below the header/page title – on every page across the website. (On mobile + PC)

  There is also this tiny bar of empty space appearing above the featured image on every page.

  Could someone help me with the code to fix this?

  Here is the code i had added last time to remove the yellow divider:

  .is-singular .entry-inner::before, .error404 .entry-inner::before, .is-singular .entry-inner::after, .is-singular .entry-inner::before, .error404 .entry-inner::after, .error404 .entry-inner::before {
  display: none;
  }
  .is-singular .entry-content::before, .error404 .entry-content::before {
  border: none;
  }

  .is-singular .entry-inner {
  margin-top: 0;
  }

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

• 

  vinaybmw · Member · Dec 18, 2020 at 11:36 am

  • Copy link

  Here is a screenshot of the spots that need fixing: https://drive.google.com/file/d/1ms6QJjjBoeQkZHZNN-oSVV0gdrTtZgZT/view?usp=sharing