Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. How to do this page like Parallax?

How to do this page like Parallax?

Scheduled Pinned Locked Moved General Discussion
5 Posts 2 Posters 228 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • S Offline
    S Offline
    sidyou
    wrote on last edited by
    #1

    does anyone how to do this effects like this website
    is it Parallax?
    how to do it? please help~

    https://valentinherfray.com

    1 Reply Last reply
    0
    • RichardR Offline
      RichardR Offline
      Richard
      Global Moderator
      wrote on last edited by Richard
      #2

      Dear @sidyou

      With Lay Theme's current 'Simple Parallax' I don't think it's possible. You can see here how its very close but there is a measurement problem.

      I'm sure your example is possible with the use of Custom Code. These links may help:

      https://www.w3schools.com/howto/howto_css_parallax.asp

      https://codemyui.com/parallax-effect-full-width-sections/

      https://www.webnots.com/how-to-create-full-width-css-parallax-page-layout/

      https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_parallax_percent

      https://www.sitepoint.com/community/t/making-a-parallax-background-image-stay-at-100-width-when-responding/113203


      Remember that you can easily set custom 'Classes' & 'ID's' to ELEMENTS and ROWS (right-clicking). Custom Code can then be applied to these elements via:

      Lay Options > Custom CSS & HTML >

      Or:

      Customize > CSS


      Hope this helps you in the right direction & best wishes. 🌝
      Richard
      S 1 Reply Last reply
      0
      • S Offline
        S Offline
        sidyou
        wrote on last edited by
        #3

        @Richard said in How to do this page like Parallax?:

        ember that you can easily set custom 'Classes' & 'ID's' to ELEMENTS and ROWS (right-clicking). Custom Code can then be applied to these elements via:

        Big Thanks!!!!!
        is work on my website~
        may i ask you some other question?
        how to fixed position the words with link like that???

        i wanna the words at Upper right corner and Bottom right corner

        截圖 2021-07-17 14.45.04.jpg

        1 Reply Last reply
        0
        • RichardR Richard

          Dear @sidyou

          With Lay Theme's current 'Simple Parallax' I don't think it's possible. You can see here how its very close but there is a measurement problem.

          I'm sure your example is possible with the use of Custom Code. These links may help:

          https://www.w3schools.com/howto/howto_css_parallax.asp

          https://codemyui.com/parallax-effect-full-width-sections/

          https://www.webnots.com/how-to-create-full-width-css-parallax-page-layout/

          https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_parallax_percent

          https://www.sitepoint.com/community/t/making-a-parallax-background-image-stay-at-100-width-when-responding/113203


          Remember that you can easily set custom 'Classes' & 'ID's' to ELEMENTS and ROWS (right-clicking). Custom Code can then be applied to these elements via:

          Lay Options > Custom CSS & HTML >

          Or:

          Customize > CSS


          Hope this helps you in the right direction & best wishes. 🌝
          Richard
          S Offline
          S Offline
          sidyou
          wrote on last edited by
          #4

          @Richard said in How to do this page like Parallax?:

          Remember that you can easily set custom 'Classes' & 'ID's' to ELEMENTS and ROWS (right-clicking). Custom Code can then be applied to these elements via:

          excuse, why i use the 'Simple Parallax'
          it will have blank background on it?? like this
          http://jpgstudioooo.com/sid_test/

          截圖 2021-07-17 15.57.07.png

          1 Reply Last reply
          0
          • RichardR Offline
            RichardR Offline
            Richard
            Global Moderator
            wrote on last edited by
            #5

            Dear @sidyou

            "i wanna the words at Upper right corner and Bottom right corner"
            You have achieved the 'fixed' links yes?: Screen Shot 2021-07-19 at 6.13.38 PM.png

            "excuse, why i use the 'Simple Parallax' it will have blank background on it?? like this?" Screen Shot 2021-07-19 at 6.17.43 PM.png

            This is space left from "Row-3's" offset. I noticed on the 3rd row you have no background image set.


            Hope this helps and best wishes ✨
            Richard
            1 Reply Last reply
            0
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes


            I also code custom websites or custom Lay features.
            💿 Email me here: 💿
            info@laytheme.com

            Before you post:
            1. When using a WordPress Cache plugin, disable it or clear your cache.
            2. Update Lay Theme and all Lay Theme Addons
            3. Disable all Plugins
            4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

            This often solves issues you might run into

            When you post:
            1. Post a link to where the problem is
            2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
            3. If the problem is difficult to explain, post screenshots / link to a video to explain it
            Online Users
            Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
            laytheme.com
            • Login

            • Don't have an account? Register

            • Login or register to search.
            • First post
              Last post
            0
            • Recent
            • Tags
            • Popular
            • Users
            • Search