Title inside image like "Dispatch"

Tagged: post title

This topic has 3 replies, 3 voices, and was last updated 4 years, 7 months ago by David Beckwith.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 1, 2019 at 1:06 pm #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?

February 1, 2019 at 5:34 pm #7553

Tom
Keymaster

Hey Todd,

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

February 1, 2019 at 8:55 pm #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

February 3, 2019 at 7:30 am #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;
    }
}
```
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

[Support request] Title inside image like "Dispatch"