• Back to Front

    (@traverser11)


    Hi, stunning theme!

    I’m hacking it up a bit to make this site
    undergrowthproductions

    I’m trying to make the home page portfolio posts rectangular.
    By expanding the width of the posts in first 2 sections of the home page to 48% we’ve achieved this.

    With the last 2 sections, we wish to keep at 30%, but make them rectangular.

    I’ve used this css to make the featured image be contained by the .post width

    .posts #in-development .post {
    	background-size: contain;
    	background-position: top;
    	background-repeat: no-repeat;
    	display: inline-block;
    	height: 100%
    	}

    but I can’t actually limit the height of the .post – and therefore when you hover the .post-overlay remains square.

    We don’t need to set the dimensions according the the background-image, just need to set height or max-height across the board…

    Any clues to point me in the right direction would be heaps appreciated – I’m kinda lost right now.

  • The topic ‘Portfolio Image Dimensions’ is closed to new replies.