Making jumbotron section smaller

Illdy
1

Hi! The image I want to use in the jumbotron is fairly long horizontally and short vertically. This ends up leaving way too much white space at the top. Is it possible to decrease the total size of the jumbotron? Ideally it would go in this order:

  • white header (so logo is on white header)
  • image below the header (approx. 1inch down)
  • next= grey text (tagline) on white background
  • immediately after it goes into next section

Thanks!

2

Good morning

I think you don’t need to use jumbotron image at all, just disable it and use other widgets for your image and rest of the elements

3

Thanks. How would I go about disabling the jumbotron image?

And which widget would I use for my widget / where do I add this?

Thanks!

4

Good morning

You can disable it by this css code in appearance > customize > additional css:

#header .bottom-header {
display: none;
}

regarding widgets, just check them out to decide which one is better for you :slight_smile: