March 14th, 2020 at 15:23 #99964
I would like to know how to make the image on my landing page parallax. So how I can make that image fixed while all the overlaying text and post scroll by.
To avoid any confusion, I’m not talking about the background image of the website, I’m talking about the background image of the ‘Landing Page’, which is under a different section.
Would appreciate any help. 🙂March 18th, 2020 at 19:14 #100188ZedCryout Creations Team
The landing page itself does not have a background image. The text area sections do have background images (the source pages’ featured images) and they already use this effect.
Without an example link it is difficult for me to understand what you refer to.March 28th, 2020 at 11:06 #100559
I am referring to the landing page itself. You have to insert a slider image, otherwise the text and the buttons on the landing page disapear. To somewhat bypass this I have inserted an empty PNG image as slider image. However, you can see the border of this PNG when you scroll down.
My question is how you can make this image completely parallax so you can see the background image (the old garage).
Or how you can just keep the text ‘More than just a site’ on the landing page with the buttons (‘About Us’ and ‘What’s New’) without a landing page image so you can see the background image (the old garage).
Additionally, is there a way to have a site logo above the text ‘More than just a site’ on the landing page that is responsive (doesn’t get behind the text on a different screen size or browser window size) and is static (stays in place and doesn’t move when scrolling down, so it disapears when you scroll down).
Thanks in advance for the help 🙂
Website: vhe.syx.mybluehost.meApril 4th, 2020 at 00:11 #100864ZedCryout Creations Team
The caption (title, text and buttons) of the slider actually require a slider image, since they’re displayed on top of that image. If the image is a fully transparent PNG then there should be nothing visible (the slider itself should be transparent all the way to its container’s background).
The URL you indicated does not appear to work, so I cannot check out the setup myself.
The topic ‘How to make the image of your landing page parallax’ is closed to new replies.