Aligned Columns for Blog Posts

  • Author
  • #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


    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:

    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:

    Hope this helps :)
    Ricardo P. from SiloCreativo


    This worked beautifully, thank you for all the help!


    Theme Author

    You are welcome :)

The topic ‘Aligned Columns for Blog Posts’ is closed to new replies.