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. Addons
  3. Lightbox Hover

Lightbox Hover

Scheduled Pinned Locked Moved Addons
hoverhover imagemouseover
8 Posts 2 Posters 1.9k 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.
  • J
    J
    Jan
    wrote on last edited by
    #1

    Hei Everybody,

    I use on my site the lightbox add.
    See here: http://bureau-sort.com/
    I want to exclude some images from the lightbox.
    This works fine. But The image I exclude has still the mouse over / hover effect.
    How can I exclude the hover from some images?

    Best
    Jan*

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

      Dear @Jan
      can you tell us which images still have a mouseover – even when the Lightbox is deactivated?

      Best!

      Marius

      www.mariusjopen.world

      J 1 Reply Last reply
      0
      • mariusjopenM mariusjopen

        Dear @Jan
        can you tell us which images still have a mouseover – even when the Lightbox is deactivated?

        Best!

        Marius

        J
        J
        Jan
        wrote on last edited by
        #3

        @mariusjopen thanks for your reply.
        it is the very first image on the top ( http://bureau-sort.com/) which still has the black mouse over even if it is excluded from the lightbox.

        I hope you can help.

        Best
        Jan*

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

          Dear @Jan
          where did you make the setting that there is a mouseover for lightbox images?

          Best!

          Marius

          www.mariusjopen.world

          J 1 Reply Last reply
          0
          • mariusjopenM mariusjopen

            Dear @Jan
            where did you make the setting that there is a mouseover for lightbox images?

            Best!

            Marius

            J
            J
            Jan
            wrote on last edited by
            #5

            Dear @mariusjopen,
            I used the normal lightbox setting for the mouseover and added in the custom css:
            .img:hover img{
            filter: brightness(0);
            }
            In the gridder, right klick an "off" for lightbox ...
            ???
            Best
            Jan*

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

              Dear @Jan
              the problem is that your code was selecting all the images. Not only the images for the lightbox.

              You can turn this of by adding this:

              .img:hover img{
              filter: brightness(0);
              }
              
              .lightboxoff:hover img{
              filter: none;
              }
              

              Best!

              Marius

              www.mariusjopen.world

              J 1 Reply Last reply
              0
              • mariusjopenM mariusjopen

                Dear @Jan
                the problem is that your code was selecting all the images. Not only the images for the lightbox.

                You can turn this of by adding this:

                .img:hover img{
                filter: brightness(0);
                }
                
                .lightboxoff:hover img{
                filter: none;
                }
                

                Best!

                Marius

                J
                J
                Jan
                wrote on last edited by
                #7

                @mariusjopen :)
                Works like magic.
                Thanks for time and support.
                Have a great day.
                Best
                Jan*

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

                  Hi @Jan
                  cool! Happy to hear!

                  Marius

                  www.mariusjopen.world

                  1 Reply Last reply
                  0

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