Background Image Size Editing

[kayakauthority]

Hello-

I'm looking to change the height (and zoom factor) of the background images on the front page of Altitude Pro. The images take up the entire screen (on a computer) and I would like to change just the height of them to only take up about half or 1/3 of the screen.

I'm assuming I need to add/delete code to style.css. Not sure what needs to get done. I'm also not sure if this is an easy fix in style.css or if this requires a lot more coding and editing that I'm not familiar with.

Of note, when I say "zoom factor" what I mean is the background image is zoomed in on. The screen does not show the entire image as is (just a zoomed in version). I want to get rid of that effect and so you can see the entire background image.

Thanks.

http://www.hiydrate.com

[BYW]

If you remove Background-size:cover;
from
.front-page-1, .front-page-3, .front-page-5, .front-page-7 {
background-attachment: fixed;
background-color: #fff;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
}
It will not stretch any wider than 1600px . On screens less wide it will be full width, but on wide screens it will have white space either side.

Perhaps add a max-height to each section, but you will need to check all the words can show and that it works across different screensizes

---

We’ve been building WordPress Websites with Genesis since 2009.
Need some help? We love working with Woocommerce and Genesis

[Author]

Posts