squarespacer01

Thank you so much for your help, this is exactly what I was looking for! And also thank you for helping me with the bottom padding, I really appreciate that.

Thank you Beyondspace, that is very useful. But is there a way to apply this code to all my portfolio pages instead of using the specific section code? Also did you find a way to make the height of each project smaller so I can fit more projects on the screen at once? Thank you again for your help!

Hi Beyondspace, I hope it's ok for me to just share the url below. https://www.pecamora.com/landscape I want to be able to reduce the aspect ratio of each project to a custom size so I can fit more projects on the screen at the same time. I tried using the code below but all it does is change the size of the image and not the entire project block .grid-image { padding-bottom: 50% !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.

I would like to change the size of the grid image in my portfolio projects but I can't figure out how to do it. I can change the width by using the CSS code below but not the height of the project .grid-image { width: 100% !important; }

I would like to change the size of the grid image in my portfolio projects but I can't figure out how to do it. I can change the width by using the CSS code below but not the height of the project .grid-image { width: 100% !important; }