Section background Parallax using in-line CSS?

[freedomdesign]

Hi there,

On a new X site I am setup on Cloudflare and using Flexible SSL. I cannot get it to work properly with section background images (these always pull in as HTTP and cause mixed content errors), however in some areas I want these on the site so instead of doing it through the Cornerstone tool, I have used the below code in the Style area of the Section editor in CS, which avoids the error as I can set HTTPS.

https://hakubadigital.com

background-image: url('https://hakubadigital.com/wp-content/uploads/2017/09/japanese-umbrellas.jpg'); background-size:cover;

Is there something I can add to this code to achieve the same Parallax effect that I would usually get with the CS buttons?

Thanks in advance!

[john]

Hey,

You can have a background parallax effect using the background-attachment fixed -> https://www.w3schools.com/cssref/pr_background-attachment.asp

You can check an example above.

[freedomdesign]

OK, thank you. Actually since the latest update the error has resolved, but cheers for the link.

[lely]

You’re always welcome!

Cheers.