Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • 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. Different heights for multiple slides

Different heights for multiple slides

Scheduled Pinned Locked Moved General Discussion
5 Posts 2 Posters 481 Views 1 Watching
  • 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.
  • alvarodozeA
    alvarodozeA
    alvarodoze
    wrote on last edited by alvarodoze
    #1

    Hi everyone,

    Does anyone know what are the parameters I need to put in order to have a course with multiple slides and different heights? Like this example: https://janiceferyn.com/

    Thank you!

    1 Reply Last reply
    0
    • arminunruhA
      arminunruhA
      arminunruh
      Global Moderator
      wrote on last edited by
      #2

      look:
      Screenshot 2023-09-25 at 17.05.32.jpg

      use these settings:

      Screenshot 2023-09-25 at 17.06.34.png

      then in lay options custom css:

      .lay-carousel-slide:nth-child(1) .slide-inner{
          height: 400px!important;
      }
      
      .lay-carousel-slide:nth-child(2) .slide-inner{
          height: 800px!important;
      }
      
      .lay-carousel-slide:nth-child(3) .slide-inner{
          height: 600px!important;
      }
      
      .lay-carousel-slide:nth-child(4) .slide-inner{
          height: 400px!important;
      }
      
      1 Reply Last reply
      1
      • arminunruhA arminunruh referenced this topic on
      • arminunruhA arminunruh referenced this topic on
      • alvarodozeA
        alvarodozeA
        alvarodoze
        wrote on last edited by alvarodoze
        #3

        You are a legend... appreciate your work and time to solve this. Cheers Armin. I will check it now ;)

        1 Reply Last reply
        1
        • alvarodozeA
          alvarodozeA
          alvarodoze
          wrote on last edited by
          #4

          @arminunruh it works! But I can see the moment you add "Loop" it crashes.. Do you know why that it can be?

          http://alvarodoze.com/gamma/sept/

          1 Reply Last reply
          0
          • arminunruhA
            arminunruhA
            arminunruh
            Global Moderator
            wrote on last edited by
            #5

            yea dont use loop

            not sure why it doesnt work with loop

            the website you posted here as a reference doesnt use loop either,
            they just added their projects twice :D

            i tried to make it work with loop but it didn't work properly yea

            1 Reply Last reply
            0

            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

            With your input, this post could be even better 💗

            Register Login
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes


            Online Users
            L
            lstark
            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