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. Overlay feature: text instead of icon and z-index

Overlay feature: text instead of icon and z-index

Scheduled Pinned Locked Moved General Discussion
11 Posts 4 Posters 1.3k 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.
  • P
    P
    paola-ming
    wrote on last edited by
    #1

    Hello @arminunruh,

    Thank you very much for this feature, works great.

    I have two questions, first is it possible to choose text instead of an icon? Let's say I call the overlay with a link "Read" on a grid and want to "Close" it with text too?

    Second question concerns the z-index of the overlay, is it possible the overlay not to cover the site title/menu?

    Thanks!

    R 1 Reply Last reply
    1
    • P paola-ming

      Hello @arminunruh,

      Thank you very much for this feature, works great.

      I have two questions, first is it possible to choose text instead of an icon? Let's say I call the overlay with a link "Read" on a grid and want to "Close" it with text too?

      Second question concerns the z-index of the overlay, is it possible the overlay not to cover the site title/menu?

      Thanks!

      R
      R
      rotatingcorpse
      wrote on last edited by
      #2

      @paola-ming said in Overlay feature: text instead of icon and z-index:

      Hello @arminunruh,

      Thank you very much for this feature, works great.

      I have two questions, first is it possible to choose text instead of an icon? Let's say I call the overlay with a link "Read" on a grid and want to "Close" it with text too?

      Second question concerns the z-index of the overlay, is it possible the overlay not to cover the site title/menu?

      Thanks!

      Hi! Yes, I would also appreciate the possibility of using the text instead of the image. Also, regarding the image: Would be nice to set the size and padding in %, not only in px.

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

        sure

        working on it!

        1 Reply Last reply
        0
        • arminunruhA
          arminunruhA
          arminunruh
          Global Moderator
          wrote on last edited by
          #4
          .laynav.desktop-nav{
          z-index: 200;
          }
          .sitetitle{
          z-index: 200;
          }
          

          this is the css u need to put the sitetitle and navigation in front of the overlay

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

            and if u update lay theme now there is %, px settings for overlays and "x-close icon" now has a text setting with "icon type"

            P 1 Reply Last reply
            0
            • arminunruhA arminunruh

              and if u update lay theme now there is %, px settings for overlays and "x-close icon" now has a text setting with "icon type"

              P
              P
              paola-ming
              wrote on last edited by
              #6

              @arminunruh thanks again!

              One last question, is there any way through code to use the "x-close" icon on the mobile version and the text setting on desktop?

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

                oh . no theres no way to use one for mobile and the other for desktop

                1 Reply Last reply
                0
                • arminunruhA arminunruh
                  .laynav.desktop-nav{
                  z-index: 200;
                  }
                  .sitetitle{
                  z-index: 200;
                  }
                  

                  this is the css u need to put the sitetitle and navigation in front of the overlay

                  P
                  P
                  paola-ming
                  wrote on last edited by paola-ming
                  #8

                  @arminunruh thanks for the css.

                  .laynav.desktop-nav{
                  z-index: 200;
                  }
                  .sitetitle{
                  z-index: 200;
                  }
                  

                  But now I have the menu and sitetitle hover the intro feature. How can I create an exception for the intro page?

                  1 Reply Last reply
                  0
                  • A
                    A
                    Aleksandar
                    wrote on last edited by
                    #9

                    Hi there!
                    I am looking for an entry about the burger button as text. Right now it only can be an image, right? Or is there an option for text? :-D

                    All best
                    Aleks

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

                      you could create a menu that has one link in it:

                      in lay options, choose menus amount: 2

                      then in appearance → menus,
                      create the menu and add the page that is your overlay.
                      now in customize → menus change the position etc of your menu

                      1 Reply Last reply
                      0
                      • A
                        A
                        Aleksandar
                        wrote on last edited by
                        #11

                        Jesus! So good! I knew there's a alternative way to do it! Armin, thank you so much! Finally!! :-DD

                        1 Reply Last reply
                        1

                        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
                        L
                        lstark
                        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