Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Full screen Carousel (captions issue)

    Addons
    2
    7
    391
    Loading More Posts
    • 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
      Ilina Catana last edited by

      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 Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        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 Reply Quote 0
        • I
          Ilina Catana last edited by

          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 Reply Quote 0
          • mariusjopen
            mariusjopen Global Moderator last edited by

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

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • I
              Ilina Catana last edited by

              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 Reply Quote 0
              • I
                Ilina Catana last edited by

                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 Reply Quote 0
                • mariusjopen
                  mariusjopen Global Moderator last edited by

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

                  Marius

                  www.mariusjopen.world

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post

                  Before you post

                  Use the Search Feature. Maybe there is already a solution to your issue.

                  1. Update Lay Theme and all Lay Theme Addons
                  2. Disable all Plugins
                  3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                  4. Now see if your problem solved itself
                  5. Go here, see if your problem is listed here:
                  Troubleshooting

                  When you post:
                  1. Post a link to where the problem is
                  2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                  Thanks!

                  Online Users

                  Recent Topics

                  • N

                    website blank.

                  • S

                    Theme crashed - because of Polylang?

                  • S

                    New fade-in / opacity bug?

                  • A

                    Unable to update lay theme / to login wp admin

                  laytheme.com