• Resolved joacimart

    (@joacimart)


    Right now, all my portfolio posts are top aligned at each row. I looks a little bit wierd, when the images are different in height. I wonder if there is a way to have the posts on each row bottom aligned?

    http://www.joacimart.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi there,

    You could align your portfolio posts to the bottom with some custom CSS.

    To add CSS, firstly set up a child theme or activate a custom CSS plugin. As you have Jetpack installed, you can make use of its custom CSS module.

    Enter the following snippet in either the editor for your CSS plugin or the style.css file of your child theme:

    @media screen and (min-width: 767px) {
        .site-main .jetpack-portfolio-shortcode .portfolio-entry {
            position: relative;
            height: 390px;
        }
    
        header.portfolio-entry-header {
            position: absolute;
            bottom: 0;
        }
    }
    
    @media screen and (min-width: 960px) {
        .site-main .jetpack-portfolio-shortcode .portfolio-entry {
            height: 460px;
        }
    }

    Let me know how you get on with that or if extra questions come up. 🙂

    Thread Starter joacimart

    (@joacimart)

    Hi Siobhan!

    Brilliant! The snippet solved my problem! Thank you so much! 🙂

    I’m glad to hear that! Feel free to start another thread on this forum if extra questions come up, too.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Bottom alignment’ is closed to new replies.