How to decrease height on front page 1 (featured section 1 background image)

There’s a couple ways to do it. The easiest way is to limit the maximum height in the CSS around line 1523 –

.front-page-1 {
	max-height: 740px;
	position: relative;
}

Let me know if that helps.

What’s the link to your site again? I can take a look at it and adjust my browser to see which part of the CSS is causing it to do that.

Ok, now I see. You may have to remove part of the code for that section in the homepage. There is code added which is designed to make the widget/background image flexible and adjust for different browser sizes on the homepage. What you’ll probably want to do is remove that code and manually add in a fixed padding.

Look in your front-page.php file and remove or Comment Out this line –

wp_enqueue_script( 'aspire-script', get_bloginfo( 'stylesheet_directory' ) . '/js/home.js', array( 'jquery' ), '1.0.0' );

If you want to leave the code in, and just “Comment it Out”, then do this –

/*wp_enqueue_script( 'aspire-script', get_bloginfo( 'stylesheet_directory' ) . '/js/home.js', array( 'jquery' ), '1.0.0' );*/

Then you can manually add in the padding for that section by adding something like this –

.front-page-1 .flexible-widgets {
    padding: 25% 0 200px;
}

It may not show up perfect at first, but you can adjust the padding from a percentage to a fixed size (px) to get it to look exactly how you want it. This is what I did in another theme to get it working.