We're merging with GenerateBlocks! Learn more here.

[Support request] Title inside image like "Dispatch"

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Title inside image like "Dispatch"

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #7547
    Todd
    Participant

    Hello, is there a way to get the title and metadata to appear inside the image like you see on the GP Sites “Dispatch”. I have tried to pick a part dispatch to figure out how this is being done and I am not getting it somewhere. Is there a Filter or another simple method that accomplishes this and then I can Style it with CSS?

    #7553
    Tom
    Keymaster

    Hey Todd,

    Have you checked out WPSP Pro 1.0 alpha/beta?: https://wpshowposts.com/wpsp-pro-1-0/

    #7557
    Todd
    Participant

    Tom, you are the best. That is really nice.

    Take a look at this the mobile version of WPSP in the “Services” area, it looks really funky. Do I need some column CSS for mobile like I have on the “Team” WPSP section above that?

    http://mwhc796437.marionwomenshealthcenter.com/home-sections-2/

    Todd

    #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;
        }
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.