We're merging with GenerateBlocks! Learn more here.

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! 🙂