Aligned Columns for Blog Posts

  • Author
    Posts
  • #132688

    How can I keep my blog post columns consistent across the board? My first row is perfectly aligned, however, my second row isn’t.

    The blog I need help with is monicabaptista.com.

    #132708

    ricardpriet
    Theme Author

    Hi Monica,
    thanks for writing.

    Yes, this is a bit complicated because there are some elements involved: title and summary length. You can try to set them manually using custom excerpt, but it will be just as complicated as now:
    https://en.support.wordpress.com/excerpts/

    This could be a better solution. Let’s try with this CSS:

    @media (min-width: 576px) {
        #main .hentry.col-md-4:not(.sticky) {
            height: 425px;
            overflow: hidden;
        }
        #main .hentry.col-md-4:not(.sticky):before {
            background-image: linear-gradient(to top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(255,255,255,0) 100%);
            bottom: 0;
            content: "";
            height: 150px;
            left: 0;
            position: absolute;
            width: 100%;
        }
        #main .entry-summary a.more-link {
            position: absolute;
            bottom: 30px;
            left: 15px;
            width: calc(100% - 30px);
        }
    }

    Here you are how to add:
    https://en.support.wordpress.com/custom-design/editing-css/

    Hope this helps :)
    Ricardo P. from SiloCreativo

    #132723

    This worked beautifully, thank you for all the help!

    #132744

    ricardpriet
    Theme Author

    Fantastic!
    You are welcome :)

You must be logged in to reply to this topic.