Reducing Header size

• 

  linesbyleon · Member · Jan 21, 2021 at 4:32 pm

  • Copy link
  • Add topic to favorites

  I’ve read through the various queries related to this problem, but I’m not quite sure how to use the CSS correctly. One of the suggestions was:
  #site-title {
  margin-top: 0;
  }
  So I pasted that into the editor. And no change.

  Suggestions?

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

• 

  therefoiam · Member · Jan 21, 2021 at 5:02 pm

  • Copy link

  Hi there, what happens if you reduce the padding of the header element with this code

  header.entry-header.has-text-align-center.header-footer-group {
      padding: 0;
  }

  and maybe also reduce the font size a little bit

• 

  linesbyleon · Member · Jan 21, 2021 at 7:45 pm

  • Copy link

  Yes, that works. Now, is there a way to put a background behind it?

• 

  therefoiam · Member · Jan 21, 2021 at 9:28 pm

  • Copy link

  the background for the header can be changed with this code

  #site-header {
      background: BLACK;
  }

  replace the black with your preferred color.

• 

  staff-mckluskey · Staff · Jan 22, 2021 at 10:30 am

  • Copy link

  Thanks for helping out @ggmoyo!

  
  @linesbyleon, remember that with your plan, you can access Live Chat directly via https://wordpress.com/help/contact.

• 

  linesbyleon · Member · Jan 22, 2021 at 1:14 pm

  • Copy link

  Yes, I know. I like to research problems on my own and that option would be my next step.

  Thanks!