Support Forum

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Customizing Card Overlay Settings – Hover Text, Opacity Filter, & More Reply To: Customizing Card Overlay Settings – Hover Text, Opacity Filter, & More

#16899
Tom
Keymaster

Hi there,

All this CSS should do the trick:

a)

body .wpsp-card.wpsp-overlay .wpsp-content-wrap {
    grid-column: 1 / 6;
    grid-row: 3 / 6;
    text-align: center;
}

b)

body #wpsp-568 .wp-show-posts-inner:hover .wp-show-posts-image .wp-show-posts-image-overlay {
    background-color: rgba(0,0,0,0.4) !important;
}

c)

body .wpsp-overlay.wpsp-ov-style-two .wp-show-posts-inner:hover {
    -webkit-transform: translateY(0;
    transform: translateY(0);
}

d) It’s not really possible as hovering on mobile isn’t possible – you can either tap or not tap an element.

Hope this helps! 🙂