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. Addons
  3. Full screen Carousel (captions issue)

Full screen Carousel (captions issue)

Scheduled Pinned Locked Moved Addons
7 Posts 2 Posters 560 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.
  • I Offline
    I Offline
    Ilina Catana
    wrote on last edited by
    #1

    Hello !

    I use the "carousel" addon and would love to have on my homepage a full screen slider with captions under each image, adapting to the height of the screen. Is that possible? (like in this exemple: www.studiogameiro.com)

    To get a "full screen" carousel, I used the code mentioned by @mariusjopen on the blog:

    .carousel-full {
    height: 100vh;
    }

    .lay-carousel.sliding {
    height: 100vh;
    width: 100vw;
    }

    .collar .lay-carousel img.h100 {
    object-fit: cover;
    height: 100vh;
    width: 100vw;
    }

    The captions are unfortunately well below than the "carousel", and not showing in my browser height. What can I do to integrate the captions in the visible part of my screen?

    Would love to hear if if anyone has any suggestion. Thanks!

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

      Dear @Ilina-Catana
      the captions are there. You just need to bring them back up.
      Try negative margin or positioning top.

      Since I do not see you website - it is difficult to look into the code.

      But with some CSS magic - you should manage.

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • I Offline
        I Offline
        Ilina Catana
        wrote on last edited by
        #3

        Dear @mariusjopen

        thanks for your answer!

        I tried negative margin, the captions then "disappear" behind the .slide-inner...
        I added a red background to it... Can you help?

        Here is the page: https://studio-catana.com/home
        PSW: 123

        Thanks for your help...!!!

        Ilina

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

          Dear @Ilina-Catana
          the password does not work :-)

          Best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply
          0
          • I Offline
            I Offline
            Ilina Catana
            wrote on last edited by
            #5

            Dear @mariusjopen,

            well, that's really strange, it's working here... :)
            I updated it again.

            Could you please try it again? :)

            Thanks!!

            1 Reply Last reply
            0
            • I Offline
              I Offline
              Ilina Catana
              wrote on last edited by
              #6

              Dear @mariusjopen,

              I decided on another solution, similar to the one we talked about.
              Thanks for the help!
              And thank you for developing Laytheme, it is a pleasure to work with this tool.

              Have a good day,

              Ilina

              1 Reply Last reply
              0
              • mariusjopenM Offline
                mariusjopenM Offline
                mariusjopen
                Global Moderator
                wrote on last edited by
                #7

                Dear @Ilina-Catana
                great! Thank you for letting us know!

                Marius

                www.mariusjopen.world

                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
                _
                _flx
                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