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. Text in front of Carousel

Text in front of Carousel

Scheduled Pinned Locked Moved Addons
carousel
41 Posts 16 Posters 3.1k 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.
  • RichardR Offline
    RichardR Offline
    Richard
    Global Moderator
    wrote on last edited by
    #25

    Hi Marianne @Mariannep

    Sorry if i was delayed - have you removed the text from your main carousel since yesterday?

    Best
    Richard

    M 2 Replies Last reply
    0
    • J Offline
      J Offline
      jacobpihlanen
      wrote on last edited by jacobpihlanen
      #26

      I have a question regarding this subject. I managed somehow to do exactly this, to put a text block on top of a fullscreen carousel, without any css. I tried to do it again on another project, but couldn´t manage to repeat the process.

      I just drag and dropped text block and resized it a bit, and it seems to work fine.

      Will this be a problem for me in the future? Or can I live like this? :)
      I can just duplicate the project to have the same solution all around.

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

        Dear @jacobpihlanen

        interesting!
        Could you post a screenshot of your gridder with the working version? :)

        Best wishes and Seasons greetings
        Richard

        1 Reply Last reply
        0
        • RichardR Richard

          Hi Marianne @Mariannep

          Sorry if i was delayed - have you removed the text from your main carousel since yesterday?

          Best
          Richard

          M Offline
          M Offline
          Mariannep
          wrote on last edited by
          #28

          @Richard-K Hello Richard,
          So sorry for replying so late! I missed your message before going on vacation.
          I did remove the text to be able to show a "cleaner" preview to my client, but I am still trying to find a way to make it work.
          I added the text back - and the white row underneath is back too:
          http://gautyqi.cluster030.hosting.ovh.net/

          I found a way to get rid of the little piece of html for the white version of the logo that was still underneath the main row.

          Thanks again, best,
          Marianne

          1 Reply Last reply
          0
          • RichardR Richard

            Hi Marianne @Mariannep

            Sorry if i was delayed - have you removed the text from your main carousel since yesterday?

            Best
            Richard

            M Offline
            M Offline
            Mariannep
            wrote on last edited by
            #29

            @Richard-K Hi Richard, it's me again!

            I found a solution by browsing the forum.
            I added a class "hide-row" to the row where I put my text, and in the CSS I wrote :

            .hide-row {
             height: 0px;
            }
            

            It works pretty well, however it would be even better if there was a way to make sure the text is always centered in the browser height - right now it's not the case because it's positioned with the offset measures.
            If anyone has found a solution, it would be great to read about it! :)

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

              Dear @Mariannep

              Just checking in - Website looks beautiful :)

              1 Reply Last reply
              0
              • J Offline
                J Offline
                jeff
                wrote on last edited by jeff
                #31

                Hi everyone,

                I've read all the thread and tried everything css line and unfortunately it's not working for me haha.

                You can see on the website that I'm working on, there is a title "Geoffrey Pauchard" (class : name) which is fixed and the carousel below (class : carousel).
                When I'm scrolling down, the title is going behind the carousel element. I would like to have the title in front of the carousel. I've tried the z-index but it's not working.

                There is my css code for it :

                .name {position: fixed}
                .name {z-index: 99}
                
                .carousel {z-index: 1}
                

                website link: http://latelierjungle.com/geoffrey-pauchard

                Let me know if there is a way to make it work.
                Thank you in advance.

                Jeff

                1 Reply Last reply
                0
                • Q Offline
                  Q Offline
                  quirin
                  wrote on last edited by
                  #32

                  if you want a fullscreen carousel with text on top, it works right out of the box:

                  • make a new row
                  • use browser height for row height
                  • create a text in the row
                  • create a carousel in the same row, check fixed height: 100vh and activate fill slides
                  • use the align options and offset values to place the text where you want it

                  hope this helps!
                  Q

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

                    nice!

                    yea i should probably add a feature to the carousel where you can have text on top of slides for each slide individually

                    1 Reply Last reply
                    0
                    • Q quirin referenced this topic on
                    • D Offline
                      D Offline
                      danny
                      wrote on last edited by
                      #34

                      hey there;

                      is it possible to to have the text on top without

                      use browser height for row height ?

                      I tried, then the text is behind the image.

                      thanks!
                      D

                      P 1 Reply Last reply
                      1
                      • D danny

                        hey there;

                        is it possible to to have the text on top without

                        use browser height for row height ?

                        I tried, then the text is behind the image.

                        thanks!
                        D

                        P Offline
                        P Offline
                        PatFontebasso
                        wrote on last edited by
                        #35

                        @danny Try to right click on the Text in Gridder -> Bring to Front

                        1 Reply Last reply
                        1
                        • D Offline
                          D Offline
                          danny
                          wrote on last edited by
                          #36

                          thanks @PatFontebasso - only I can't see the option -> Bring to Front

                          Bildschirmfoto 2024-03-13 um 10.51.39.png

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

                            that setting only shows up if you either activate horizontal grid in the gridder
                            or choose "place freely" in the contextmenu

                            :O
                            Screenshot 2024-03-14 at 20.53.04.png

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

                              but i think texts should overlap images by default :|

                              Enter the custom css in "lay options" -> "custom css & html":

                              .col.type-text{
                              z-index: 90;
                              }

                              does that work?

                              1 Reply Last reply
                              0
                              • D Offline
                                D Offline
                                danny
                                wrote on last edited by
                                #39

                                jes, that works, great!

                                1 Reply Last reply
                                0
                                • D Offline
                                  D Offline
                                  dc
                                  wrote on last edited by
                                  #40

                                  Hello, i see its still not possible to put text on carousell? Right? Without doing stuff? Any help how to do it so easy as possible?

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

                                    yea thats correct theres no text on carousel images for example

                                    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
                                    S
                                    spale176
                                    E
                                    ersc_
                                    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