Since a different part of the image may show for different screen resolutions, it’s best to choose an image that will look great no matter what the screen size.
But if you would still like more space at the top and bottom of your Front Page 1 image, you can do this.
- Go to Appearance > Customizations > Additional CSS.
- Add this CSS.
To make the image larger, add this CSS and adjust it, so that you like the image size.
.front-page-1 .wrap { padding: 120px 0 180px; } - 120px is for space above the image; 180px is for space below the image. Adjust them as you like.
- Be sure to check your image for small screens.