Black Friday sale! Get 25% off WPSP Pro! Discount automatically applied at checkout.

[Resolved] Column alignments

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Column alignments

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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

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

    #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?

    #302
    Tom
    Keymaster

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

    #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

    #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?

    #309
    Jamal
    Participant

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

    #311
    Tom
    Keymaster

    Glad I could help 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.