Column alignments – WP Show Posts

Tagged: column-alignments

This topic has 7 replies, 2 voices, and was last updated 7 years, 2 months ago by Tom.

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

Author

Posts
July 27, 2016 at 2:51 pm #285

Jamal
Participant

Take a look at the alignment of the columns when content type is set to none. screenshot and the alignment when content is set to ercept, screenshot

July 27, 2016 at 7:51 pm #289
Tom
Keymaster
Nice catch – can you check to see if this CSS fixes it?:
```
.wp-show-posts-columns .wp-show-posts-inner {
    flex: 1;
}
```
If so I’ll release an update 🙂
July 28, 2016 at 12:13 am #299

Jamal
Participant

Works like a charm 🙂

screenshot

One last thing, any way to make the read more button always hug the bottom of the card/column?

July 28, 2016 at 9:15 am #302

Tom
Keymaster

Any example? So there wouldn’t be any padding at the bottom of the post?

July 28, 2016 at 9:56 am #305

Jamal
Participant

Please check the screenshot above, when the post title is long the read more buttons are not a ligned vertically. I don’t know if its possible to give that button a fixed position relative to container buttom. Thanks

July 28, 2016 at 12:42 pm #307
Tom
Keymaster
Hmm, you can do this if you have content by using flex-grow:
```
.wp-show-posts-columns .wp-show-posts-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.wp-show-posts-entry-summary, 
.wp-show-posts-entry-content {
    flex-grow: 1;
}
```
However, you’re not using any content..

Maybe if you applied flex-grow to .wp-show-posts-image?
July 28, 2016 at 1:48 pm #309

Jamal
Participant

Applying flex-grow to .wp-show-posts-image works very well for my case. Amazing support again,thanks !

July 28, 2016 at 4:55 pm #311

Tom
Keymaster

Glad I could help 🙂
Author

Posts

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

You must be logged in to reply to this topic.

[Resolved] Column alignments