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 Title inside image like "Dispatch" Reply To: Title inside image like "Dispatch"

#7581
David Beckwith
Participant

Hi there,

you can either change your Mobile 2 column CSS so they don’t effect the WPSP Cards like so:

.wp-show-posts-columns:not(.wpsp-card) .wp-show-posts-single {
    display: block;
    width: 50%;
}

or you can force the card image square and reduce the content padding:

@media (max-width: 768px) {
    .wpsp-card .wp-show-posts-image img, .wpsp-card.wp-show-posts-columns .wp-show-posts-single .wp-show-posts-image img
    {
        width: 100%;
    }
    .wpsp-card .wpsp-content-wrap {
        padding: 20px !important;
    }
}