Card hover effect

Discussion in 'Anneliese' started by sebdum, Jan 23, 2018.

  1. sebdum

    sebdum New Member

    Joined:
    Jan 23, 2018
    Messages:
    2
    Likes Received:
    0
    Hello!

    Firstly, great theme, I've managed to do 99% of the requested features.

    Last thing that bothers me:

    There is a hover effect on gallery thumbnails. When there is no images, name of the gallery and other metadata is shown right away, and I prefer this way. When I add images, they are visible only on hover.

    Is there a way to have it shown all the time? I've tried editing the CSS but no luck. Help is appreciated.

    Thanks, S.
     
  2. maimairel

    maimairel Administrator
    Staff Member

    Joined:
    Apr 16, 2014
    Messages:
    1,625
    Likes Received:
    61
    Hi S,

    If you see here the title and metadata is directly shown on top of the thumbnails:
    http://wp.youxithemes.com/wigwam/gallery/

    When you hover, the text disappears and some of the gallery images are shown on mouseover.

    Is there something I miss here?

    Thanks!
     
  3. sebdum

    sebdum New Member

    Joined:
    Jan 23, 2018
    Messages:
    2
    Likes Received:
    0
    Hi, thanks for the response. Unfortunately, the thing you're missing is the theme :) I'm using anneliese theme and it's gallery archive template with selected feature image for gallery which removes the info, and shows is only on mouse hover.
     
  4. maimairel

    maimairel Administrator
    Staff Member

    Joined:
    Apr 16, 2014
    Messages:
    1,625
    Likes Received:
    61
    Hi,

    For now you can add these custom CSS:

    Code (CSS):

    .entry-card__info-inner,
    .entry-card .entry-title, .entry-card .entry-meta,
    .entry-card .entry-card__alt-info {
        opacity: 1
    }

    .entry-card .entry-title,
    .entry-card .entry-meta {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    Thanks!
     

Share This Page