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. Feedback
  3. Carousel captions / fullscreen

Carousel captions / fullscreen

Scheduled Pinned Locked Moved Feedback
19 Posts 3 Posters 451 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.
  • F Offline
    F Offline
    felix_rabe
    wrote on last edited by
    #4

    @fernandol97 can't you just place them in the gridder at the desired position?

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

      yea felix is right, the fullscreen slider addon is the way to go if you want different sized images per slide. like here
      https://matt-tucker.net/

      use a browser height row for every slide and then simply put your caption in the every corner of a row. like felix said

      1 Reply Last reply
      0
      • F Offline
        F Offline
        fernandol97
        wrote on last edited by fernandol97
        #6

        thank you guys, trying to build something similar here, just weird how the captions and images load in a bit strangely, animating from the bottom rather than sliding into view with the transition. any advice to finesse?

        https://www.fernandolobina.com/home-alt/

        1 Reply Last reply
        0
        • F Offline
          F Offline
          felix_rabe
          wrote on last edited by
          #7

          @fernandol97 I think it looks cool. but you can disable on scroll transitions in the lay options.

          F 1 Reply Last reply
          0
          • F felix_rabe

            @fernandol97 I think it looks cool. but you can disable on scroll transitions in the lay options.

            F Offline
            F Offline
            fernandol97
            wrote on last edited by
            #8

            @felix_rabe Yes just tried this! nice, but is it possible to enable the transition for other pages?

            1 Reply Last reply
            0
            • F Offline
              F Offline
              felix_rabe
              wrote on last edited by
              #9

              "If you don't want a single element to transition, add the class "no-animation" to that Element. Right click the element in the Gridder, choose "Edit HTML class and id" and enter "no-animation"."

              1 Reply Last reply
              2
              • F Offline
                F Offline
                fernandol97
                wrote on last edited by
                #10

                Thanks, guys. Getting there with this.
                some strange behaviour with the captions. They are all hyperlinked to case studies but some are not clickable?

                also is it possible to set a max width of element grids, so that that first slide when I have a image pair can stay at 60% like the rest of the slides?

                1 Reply Last reply
                0
                • F Offline
                  F Offline
                  felix_rabe
                  wrote on last edited by felix_rabe
                  #11

                  @fernandol97
                  did you do something different on the pages where the links don't work?

                  can you show a screenshot or sketch of the 60% thing? I don't quite understand what you mean.

                  and I would deactivate the Lightbox for images in your slider.

                  F 1 Reply Last reply
                  0
                  • F felix_rabe

                    @fernandol97
                    did you do something different on the pages where the links don't work?

                    can you show a screenshot or sketch of the 60% thing? I don't quite understand what you mean.

                    and I would deactivate the Lightbox for images in your slider.

                    F Offline
                    F Offline
                    fernandol97
                    wrote on last edited by
                    #12

                    @felix_rabe Heres a screengrab of what i mean with the 60% thing, you can see it stops the video from clashing with the edges when the window is resized, but I don't see this option of element grids or multiple assets on one page. If you resize the window with the first page you will see what I mean Screenshot 2024-08-07 at 12.33.38.png

                    With the links, not that I know of. i will try deleting them and starting again with the hyperlinks

                    1 Reply Last reply
                    0
                    • F Offline
                      F Offline
                      fernandol97
                      wrote on last edited by
                      #13

                      Even cloning the linked caption from slide 1 to 3 and the hyperlink still does not function

                      1 Reply Last reply
                      0
                      • F Offline
                        F Offline
                        felix_rabe
                        wrote on last edited by
                        #14

                        for i have not worked that much with fullscreen-slider, maybe @arminunruh can help with this detail.

                        1 Reply Last reply
                        1
                        • F Offline
                          F Offline
                          fernandol97
                          wrote on last edited by
                          #15

                          Thanks, no idea whats going on with the hyperlinks. They seem to be set up correctly in the text editor

                          Screenshot 2024-08-07 at 14.36.36.png

                          1 Reply Last reply
                          0
                          • F Offline
                            F Offline
                            fernandol97
                            wrote on last edited by
                            #16

                            Ok hyperlink issue solved by just creating a new page and starting from scratch

                            1 Reply Last reply
                            1
                            • F Offline
                              F Offline
                              fernandol97
                              wrote on last edited by
                              #17

                              But if anyone has any idea how to make the first page with two images not clash with the edges when resizing the window I am all ears ha
                              https://www.fernandolobina.com/homenew/

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

                                Screenshot 2024-08-18 at 14.58.28.png

                                hey can u fix your ssl / https in your webhost control panel?

                                But if anyone has any idea how to make the first page with two images not clash with the edges when resizing the window I am all ears ha

                                if you have two image side by side, this only works if you combine both images into one and then use that setting:

                                Screenshot 2024-08-18 at 14.59.24.png

                                or then use the setting lay options → fullscreen slider →

                                Screenshot 2024-08-18 at 14.59.58.png

                                this here doesn't work for element grid elements i think:

                                Screenshot 2024-08-18 at 15.00.14.png

                                it just works for elements like a video, an image

                                F 1 Reply Last reply
                                0
                                • arminunruhA arminunruh

                                  Screenshot 2024-08-18 at 14.58.28.png

                                  hey can u fix your ssl / https in your webhost control panel?

                                  But if anyone has any idea how to make the first page with two images not clash with the edges when resizing the window I am all ears ha

                                  if you have two image side by side, this only works if you combine both images into one and then use that setting:

                                  Screenshot 2024-08-18 at 14.59.24.png

                                  or then use the setting lay options → fullscreen slider →

                                  Screenshot 2024-08-18 at 14.59.58.png

                                  this here doesn't work for element grid elements i think:

                                  Screenshot 2024-08-18 at 15.00.14.png

                                  it just works for elements like a video, an image

                                  F Offline
                                  F Offline
                                  fernandol97
                                  wrote on last edited by
                                  #19

                                  @arminunruh Thank you @arminunruh, no idea whats gone off with the site recently. will contact my hosting, thanks for flagging

                                  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
                                  arminunruhA
                                  arminunruh
                                  E
                                  ersc_
                                  swiftandeasyauS
                                  swiftandeasyau
                                  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