Docs

[goldbaum]

Hi,

See http://www.tomsfotohokje.nl
How can I have the background image on its original size, without the zoom?

Further, how can I adjust the height of a section, matching the height of the background image?

[Rahul]

Hi there,

To fix the parallax, You can add this under Custom > CSS in the Customizer.

.x-content-band.bg-image {
    background-size:contain !important;
}

The above given CSS will force the background to remain inside the content band, however you can use following CSS code instead, which will show the original size of the image:

.x-content-band.bg-image {
   -webkit-background-size: auto !important;
   background-size: auto !important;
}

To use images with parallax, you can try using the images of double height of the content band.

Thanks!

[goldbaum]

This reply has been marked as private.

[Christopher]

Hi there,

Please update previous code to :

.x-section.bg-image {
    background-size:contain !important;
}

You can add gap element or add top and bottom padding to section to adjust its height.

Hope it helps.

[Author]

Posts