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. Thumbnail Text on Rollover

Thumbnail Text on Rollover

Scheduled Pinned Locked Moved Feedback
8 Posts 3 Posters 906 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.
  • D Offline
    D Offline
    Daevido
    wrote on last edited by Daevido
    #1

    Hi,

    I was wondering if there was a way we could get the text to appear on rollover, similarly to this website?
    http://builders-club.com

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

      HI @Daevido

      Try to use this in your custom CSS:

      .titlewrap-on-image {
          position: fixed !important;
      }
      

      And set the settings like this:
      0_1513714293952_Bildschirmfoto 2017-12-19 um 21.08.36.png

      I hope I could help!

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • D Offline
        D Offline
        Daevido
        wrote on last edited by Daevido
        #3

        @mariusjopen said in Thumbnail Text on Rollover:

        !important

        Thank you so much @mariusjopen !! This is awesome!

        I just noticed that when the roll over is triggered on the first row the copy moves behind the second row as your scroll. Is there a way to keep it above all the rows?

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

          Hi @Daevido

          I did not test it but I think it is the z-index.

          .titlewrap-on-image {
              position: fixed !important;
              z-index: 1000;
          }
          

          Let me know if that helped!

          All the best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply
          0
          • L Offline
            L Offline
            leandrodisler
            wrote on last edited by
            #5

            Yes, it worked. Thank you!

            1 Reply Last reply
            0
            • D Offline
              D Offline
              Daevido
              wrote on last edited by
              #6

              Hi @mariusjopen,

              Unfortunately it hasn't worked for me, not sure if I've done something wrong. I'm just replacing the previous code with the new code right?

              My website is davidkle.com if you needed to check anything that might seem out of place.

              Cheers,
              Dave

              1 Reply Last reply
              0
              • D Offline
                D Offline
                Daevido
                wrote on last edited by
                #7

                Hi @mariusjopen , any luck with the issue? I cant seem to get it to work.

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

                  Hi @Daevido

                  can you add this to your Custom CSS code?

                  .column-wrap {
                      z-index: inherit !important;
                  }
                  

                  Let me know if that worked!!

                  Best!

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