Header Size (as opposed to header image)

• 

  libertogo · Member · Dec 9, 2018 at 5:57 am

  • Copy link
  • Add topic to favorites

  Hello. I’m new here. I know how to resize the image. But I can’t resize the size of the header itself? Not like the huge image I saw on the sample. Thanks.

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

• 

  patilswapnilv · Member · Dec 9, 2018 at 7:14 am

  • Copy link

  Hey @libertogo,

  The site you have linked here libertogorgoni.wordpress.com is a private site, due to which we cannot view it. It makes it difficult for us to understand the problem you are explaining, and help you with it.

  Which theme are you using?

• 

  libertogo · Member · Dec 9, 2018 at 8:56 am

  • Copy link

  Thanks patilswapnilv–

  It’s public now.

  https://libertogorgoni.wordpress.com

  The image is supposed to be a photograph of a beach. But all I see is sky.

  Also, in the bottom of the page, it’s black, would you be able to help me change that to white?

  Thanks so much.

• 

  patilswapnilv · Member · Dec 9, 2018 at 9:17 am

  • Copy link

  Hey @libertogo,

  You can edit the CSS to change the header height so it can occupy your image.
  Here you can learn more about editing CSS on your site:
  https://en.support.wordpress.com/custom-design/editing-css/

  The image you are adding is large. I made the header height to 1000px to make sure the entire image is visible. If you wish to not have the header so long, you may consider cropping the image to an appropriate height. Here is the CSS code you can add from the customizer:

  .header-bg {
      height: 1000px;
  }

  I hope you find this helpful,
  Please feel free to reply to this thread in-case you have further questions regarding this,

  Regards,

• 

  patilswapnilv · Member · Dec 9, 2018 at 9:20 am

  • Copy link

  Hey @libertogo,

  Sorry, I missed your second question. To change the colour of the footer (at the bottom of the page), you can use this CSS code:

  .footer-wrap {
      background-color: #FFF;
  }

  Regards,

• 

  libertogo · Member · Dec 9, 2018 at 10:04 am

  • Copy link

  Thanks @patilswapnilv.

  I was afraid I could only edit CSS, if I subscribe. :) I don’t think it was like this before.
  I’ll see what I can do.

  Thanks so much.