Docs

[powrider686]

Hello,
On my site, roadsidegal.wpengine.com, I’m trying to figure out the parallax settings on the homepage.

I can’t figure out how to get the images to display right. If I upload a 1900×900 image, and turn on the parallax, the top and bottom of the image gets cut off by the parallax. I also can’t control where the image position is, i.e. position: center top; , so I don’t really have control over what gets cut off.

Also, I cant figure out how to control the parallax amount. Usually you can control the parallax with a value from 0 – 1.

Can you help and provide some insight?

Thank you!

[Rue Nel]

Hello There,

Thanks for writing in! Before going to the parallax, please understand first how background image works when place at the sections. Perhaps this topic could help you: https://community.theme.co/forums/topic/section-background-image-2/#post-691126

Now please keep in mind that in order for the parallax to work, the position of the background image will gradually change as soon as you scroll the page. If you want to have your background image as static, please removed the parallax effect. As an alternative, you can use this custom css code so that the background image will not move even if you scroll on the page but still the contents will glide over the background image.

.site .x-section.bg-image.parallax, 
.site .x-section.bg-pattern.parallax {
    background-attachment: fixed;
    background-position: top center !important;
}

Hope this helps.

[Author]

Posts