Space under header on homepage

• 

  mariondonnellier · Member · Aug 23, 2021 at 4:57 pm

  • Copy link
  • Add topic to favorites

  Hi,
  I’m new to WordPress and currently designing my website using the AltoFocus theme. I m have an issue with my home page. There is too much space between the end of the header and the first block (a featured image). I cannot find a way to remove it? Does anyone know how?
  Thank you!!!
  Xx

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

• 

  thisissandipmondal · Staff · Aug 23, 2021 at 7:13 pm

  • Copy link

  Hi there,

  Thanks for the detailed explanation.

  Please add this CSS code under My Site > Appearance > Additional CSS

  @media screen and (min-width: 50em)
  .page .hentry.page {
      padding: 0em 1%;
  }

  Let me know if you need any extra help with it :)

• 

  thisissandipmondal · Staff · Aug 23, 2021 at 7:17 pm

  • Copy link

  I forgot to add the brackets for the media screen.

  Please use this CSS code:

  @media screen and (min-width: 50em){
  .page .hentry.page {
      padding: 0em 1%;
  }
  }

• 

  mariondonnellier · Member · Aug 23, 2021 at 7:30 pm

  • Copy link

  Thank you very much for this :)
  I’ll try them asap. Do you know if the use of CSS codes are for all accounts or just the premium ones?

• 

  thisissandipmondal · Staff · Aug 23, 2021 at 7:41 pm

  • Copy link

  If you do not have a Premium Plan or Business plan then you will need to upgrade to be able to do any CSS editing.

  You can view all wordpress.com plan features here: https://wordpress.com/pricing/

  The following support doc has more information about custom CSS: https://wordpress.com/support/custom-css/

• 

  mariondonnellier · Member · Aug 23, 2021 at 7:43 pm

  • Copy link

  Alright thank you very much. I’ll give it a read. Xx