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

Lightbox Hover

Scheduled Pinned Locked Moved Addons
hoverhover imagemouseover
8 Posts 2 Posters 712 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 Offline
    J Offline
    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 Offline
      mariusjopenM Offline
      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 Offline
        J Offline
        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 Offline
          mariusjopenM Offline
          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 Offline
            J Offline
            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 Offline
              mariusjopenM Offline
              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 Offline
                J Offline
                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 Offline
                  mariusjopenM Offline
                  mariusjopen
                  Global Moderator
                  wrote on last edited by
                  #8

                  Hi @Jan
                  cool! Happy to hear!

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