Jump to content

How do I change the height/length of the project image in my portfolio?

Recommended Posts

  • Replies 2
  • Views 580
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

17 hours ago, tuanphan said:

To change height, you need to use padding-bottom

.grid-image {
  width: 100% !important;
	padding-bottom: 150% !important;


Hi tuanphan, 

Thank you for your reply!

This does change the height of the image, however the overall project block remains the same. When I hover over the project, half of it is the image and the other half is white.

I have attached a screenshot of my portfolio project page so you can have a better idea of what is happening. As you can see, the adidas project is shaded because I'm hovering over it, and I reduced the padding at the bottom with the code you provided, but now the whole block is split in 2.

I was wondering if there is a way to decrease that aspect ratio to a custom ratio so I can make more projects visible at once. 

Hope this makes sense.


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.