Change Header height TheFour theme

• 

  chiarapigoni2020 · Member · Sep 24, 2020 at 3:29 pm

  • Copy link
  • Add topic to favorites

  Hi All,
  I’m using a theme called ‘TheFour’ with a business plan. I would like to change the size of the Header, now I can upload an image 1920×500 but I would like to expand the height. I would like to upload at least an 1920×1080 image. I’m absolutely a beginner, can someone help me, please?

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

• 

  supernovia · Staff · Sep 26, 2020 at 1:44 am

  • Copy link

  Hey there, big layout changes like this are outside the scope of CSS support we can offer, because you will need to consider different screen sizes, how different images fit, plus several other considerations. I’d recommend hiring a designer if possible. We recommend UpWork.com.

  If you feel like you’re up for tinkering with the CSS, or know someone who can, something along these lines might be a good starting point.

  .header-inner {
      min-height: 1080px;
  }

  But you’ll want to test, test, test, and make different cases for small screens if needed, etc.

  Hoping this helps!

• 

  chiarapigoni2020 · Member · Sep 30, 2020 at 5:33 pm

  • Copy link

  Uau! It really works, thank you…
  My header image is darker than the real one, how can I remove this filter?
  Thank you very much

• 

  staff-blorbo · Staff · Sep 30, 2020 at 6:34 pm

  • Copy link

  For that, please contact our Live Chat support at https://wordpress.com/help/contact where they’ll have the right tools to help you with this.

• 

  chiarapigoni2020 · Member · Sep 30, 2020 at 8:16 pm

  • Copy link

  Thank you macmanx, but unfortunately, they cannot do anything. Can you help me?

• 

  staff-totoro · Staff · Sep 30, 2020 at 11:39 pm

  • Copy link

  After checking your chat transcript I see that we clarified that because you have created a child theme of “TheFour” it’s no longer the same as the base theme itself. This complicates our ability to help in this case.

  Looking close though it does seem that at least the header section of your child theme uses the same code as the parent, so this CSS should work:

  .site-header:after {
      background: none;
  }

• 

  chiarapigoni2020 · Member · Oct 1, 2020 at 11:18 am

  • Copy link

  Hi Jerry, Thank you. It works. Thank you very much.