Okay
  Public Ticket #2391618
Disable the Hover-Effect on Gallery images
Closed

Comments

  • Lorenz started the conversation
    May 6, 2020 at 3:02pm

    Hi Team, 

    Is it possible to disable the Blue Optionbox when  hovering over a Photo in the Gallery? See Screenshot. 

    Many Thanks and Kind Regards 

  •  1,692
    Andrey replied
    May 6, 2020 at 3:09pm

    Hello, Dear Lorenz!

    Please, put the following code in the Additional CSS:

    .cs {
    background-color: #026dfe;
    color: rgba(255, 255, 255, 0.7);
    display:none;
}

    Best Regards!


  • Lorenz replied
    May 6, 2020 at 3:21pm

    Hi Andrey, 
    Thanks for your reply. 
    Unfortunately this code removes all images. (see screenshot)
    Kind Regards Lorenz

  •  1,692
    Andrey replied
    May 6, 2020 at 3:51pm

    Hello, Dear Lorenz!

    Please, try to use the next code:

    .media-links {
    background-color: #026dfe;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    display: none;
}

    Best Regards!

  •  1,692
    Andrey replied
    May 6, 2020 at 3:56pm

    Hello, please try again this code:

    .item-layout-item-regular .media-links {
    opacity: 0 !important;
}

    Best Regards!

  • Lorenz replied
    May 6, 2020 at 4:02pm

    Hi Andrey, 
    Thanks for your message! It removed the Blue Colour from the hover. but i'll like to have the whole hover effect disabled. so that nothing happens when i click the image or hover over the image

    many thanks again

  •  1,692
    Andrey replied
    May 6, 2020 at 4:26pm

    Hello, please add this code:

    .item-layout-item-regular .item-content-inner {
    display: none;
}

    Best Regards!

  • Lorenz replied
    May 6, 2020 at 5:29pm

    HI Andrey, 

    Many thanks. it works with this code. 

    Ticket can be closed. Thanks!


    .item-layout-item-regular .media-links {
    opacity: 0 !important;
}
.item-layout-item-regular .item-content-inner {
    display: none;
}