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 achieve this layout?

How to achieve this layout?

Scheduled Pinned Locked Moved General Discussion
10 Posts 3 Posters 317 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.
  • M Offline
    M Offline
    maxmanavi
    wrote on last edited by
    #1

    Hello everyone,

    I came across this site built with lay and I can't figure out how to achieve this sort of gallery layout where you click through like this:

    https://www.saskiawilson.com/chanel/

    Any help is appreciated.

    Thank you, best
    max

    1 Reply Last reply
    0
    • E Offline
      E Offline
      emidio
      wrote on last edited by
      #2

      I guess you can use the carousel addon and toggle off the arrows.

      1 Reply Last reply
      0
      • M Offline
        M Offline
        maxmanavi
        wrote on last edited by
        #3

        hey,

        thank you, but I don't think it will be the same effect:

        What I basically want to build is a gallery where you can layout the grid of the visible page and then click to get to the next layout and be able to design every page of that carousel, if you know what I mean?

        thank you, max

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

          Dear @maxmanavi

          I am quite sure they are using the fullscreen slider and not the Carousel, giving them the ability to have their desired layout :)

          Best
          Richard

          1 Reply Last reply
          0
          • M Offline
            M Offline
            maxmanavi
            wrote on last edited by
            #5

            thank you, I tried it with the full screen slider but one thing is not the same, because when you click through it has either the sliding or fading effect and I would like to have no effect upon clicking which you cannot toggle in the fullscreen slider options:

            https://www.maxmanavihuber.com/overview-test

            Do you know if there is a way to get rid of the effect?

            thank you, best
            max

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

              Dear Max @maxmanavi

              Let me know how this code goes :)

              .fp-slide{
                  -webkit-transition-property: none;
              -moz-transition-property: none;
              -o-transition-property: none;
              transition-property: none;
              }
              

              Best wishes
              Richard

              M 1 Reply Last reply
              0
              • RichardR Richard

                Dear Max @maxmanavi

                Let me know how this code goes :)

                .fp-slide{
                    -webkit-transition-property: none;
                -moz-transition-property: none;
                -o-transition-property: none;
                transition-property: none;
                }
                

                Best wishes
                Richard

                M Offline
                M Offline
                maxmanavi
                wrote on last edited by
                #7

                @Richard-Keith thank you very much, but it did not work :/

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

                  Dear @maxmanavi

                  Make sure that in the settings the slider effect is set to Fade, then please let me know if this works:

                  .fp-slide{
                      -webkit-transition-property: none !important;
                  -moz-transition-property: none !important;
                  -o-transition-property: none !important;
                  transition-property: none !important;
                  }
                  

                  Best
                  Richard

                  M 1 Reply Last reply
                  0
                  • RichardR Richard

                    Dear @maxmanavi

                    Make sure that in the settings the slider effect is set to Fade, then please let me know if this works:

                    .fp-slide{
                        -webkit-transition-property: none !important;
                    -moz-transition-property: none !important;
                    -o-transition-property: none !important;
                    transition-property: none !important;
                    }
                    

                    Best
                    Richard

                    M Offline
                    M Offline
                    maxmanavi
                    wrote on last edited by
                    #9

                    @Richard-Keith thank you Richard, it seems to work now!

                    best
                    max

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

                      Dear @maxmanavi

                      Good to hear :)
                      Have a wonderful day and thank you for using Lay Theme

                      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
                      C
                      CineST
                      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