How to make the image of your landing page parallax

  • Author
    Posts
  • #99964

    Hi,

    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. 🙂

    #100188
    Zed
    Cryout 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.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #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.me

    #100864
    Zed
    Cryout 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.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
Viewing 4 posts - 1 through 4 (of 4 total)

You need to log in to reply to this topic.