New Landing › How can we help? › Atelier › How to remove hover effect on single page gallery

Viewing 6 posts - 1 through 6 (of 6 total)
  • Back to forum
    Posted in: Atelier
  • February 15, 2017 at 10:26 pm #313969
    urbaba
    Member
    Post count: 24

    Hi,
    We’ve included a gallery in our single page Projects and we would like to remove the hover effect on the images.
    Now the images become red with the image title on top as pictured.
    We have tried to set our gallery to “none” in the “Gallery settings /link to” but there is still the hover effect.

    Thanks for your help!

    Attachments:
    You must be logged in to view attached files.
    February 17, 2017 at 4:05 pm #314204
    David Martin – Support
    Moderator
    Post count: 20834

    You will want this CSS:

    .single-galleries figure.animated-overlay figcaption {
    background-color: transparent!important;
}
    February 17, 2017 at 7:51 pm #314246
    urbaba
    Member
    Post count: 24

    Thanks David!
    It’s almost perfect…
    The red color of the hover effect isn’t there anymore but the photo title still appears.

    February 17, 2017 at 8:02 pm #314248
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Add also the code below.

    .single-galleries figcaption .thumb-info{
  display:none;
}

    Hope it helps.

    -Rui

    February 17, 2017 at 8:35 pm #314256
    urbaba
    Member
    Post count: 24

    Excellent! Thanks Rui! : )

    February 20, 2017 at 4:54 pm #314435
    David Martin – Support
    Moderator
    Post count: 20834

    Marking as resolved. Glad this helped you.

    Thanks.

  • Back to forum
    Posted in: Atelier
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register