Portfolio Image Dimensions
-
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.