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. Fullscreen Carousel: Center Images and showing multiple slides

Fullscreen Carousel: Center Images and showing multiple slides

Scheduled Pinned Locked Moved General Discussion
4 Posts 2 Posters 389 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.
  • K
    K
    Kappa
    wrote on last edited by
    #1

    Dear Community : )
    I am trying to figure out how to display images centered while showing multiple slides (two slides 50% / full width / using browser height for row height)
    I tried custom css and targeting different carousel groups, but maybe someone has an idea and can help out?

    Any hints are much appreciated : )

    Current set up:
    Screenshot 2021-01-25 at 18.22.45.png

    Scenario:
    Carousel_Multiple-Slides_1.jpg

    01 How it shows at the moment:
    Carousel_Multiple-Slides_2.jpg

    02 What is desired:
    Carousel_Multiple-Slides_3.jpg

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

      Dear @Kappa

      I have the same carousel settings as you and this works for me:

      img.carousel-img {
         transform: translateX(-25%)
      }
      

      Images are now positioned in the center rather than the left margin:
      Screen Shot 2021-01-27 at 5.33.44 PM.png

      Best wishes and have a wonderful day! :)

      Richard

      K 1 Reply Last reply
      0
      • RichardR Richard

        Dear @Kappa

        I have the same carousel settings as you and this works for me:

        img.carousel-img {
           transform: translateX(-25%)
        }
        

        Images are now positioned in the center rather than the left margin:
        Screen Shot 2021-01-27 at 5.33.44 PM.png

        Best wishes and have a wonderful day! :)

        Richard

        K
        K
        Kappa
        wrote on last edited by Kappa
        #3

        Hi @Richard-K
        thank you so much for taking your time and reply with a solution!
        I am very happy that it seems to be possible, but for some reason it still won't work in my case. I tried your code and even tried something similar before.

        Would you mind looking at the problem if I send you the original page? I might overlook just a simple detail.

        Thanks again and enjoy your day! : )

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

          Dear @Kappa

          sure! send me the page and will try to see whats wrong :)

          best
          Richard

          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
          A
          alasdair17
          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