Background Image and Parallax

Hi Alison,

It actually doesn’t sound like you want parallax and instead you want a fixed background. Parallax causes the image to move slightly on scroll. Fixed causes the image to remain 100% the same regardless of position. Please open up the row and set the background image display to titled. Then open the attributes settings group and add the following CSS to the CSS styles field:

background-attachment: fixed;
background-position: center;
background-size: initial;

This should be what you’re looking for.

To answer your original (and disregarding what I just recommended – please ignore all of the below if you decide to make the image fixed).

Parallax shouldn’t be used on such a large area as this one. Basically, parallax images will factor in the entire height of the area it’s applied to and background images is stretched to ensure that it can “cover” the entire area it’s applied to. The background image must also maintain an aspect ratio so it can lead to the sides of the image being clipped. This, as a result, can lead to what looks like the image being zoomed in. The larger the area the background is applied to gets, the more it has to clip the sides to ensure that the entire area is covered and that the aspect ratio is maintained.

Oh, and to clarify, 4 makes sense as the content is the focus of the row, not the background image.