CindyHo

Hi @tuanphan - all resolved now, thank you.

Hi @tuanphan, I got a friend to help me look at the code and he helped me remove the hover code and the project title. This is what I have in CSS:
 

div#gridThumbs {
    grid-template-columns: repeat(1,minmax(0,1fr));
    padding-left: 18vw;
    padding-right: 18vw;
}

div#gridThumbs .portfolio-text {
  display: none;
  margin: 0;
}

a.grid-item .grid-image .grid-image-inner-wrapper img {
  object-fit: contain !important;
}

There is still the issue of sizing. Currently the image is at 70% of the parent element. You should be able to see a clickable area below each image. How do I resize the element so that it is exactly the size of the image i have on my portfolio page? https://www.cindyho.design/work

@tuanphan Thank you, but I didn't describe the issue clearly. I wanted a wide frame for each item of work in the portfolio page, not have two work items side by side. 🙂

That said, I worked around it by doing the following:

1. Making a new feature image that is wide
2. Changing the left-and-right paddings in the CSS code.

div#gridThumbs {
    grid-template-columns: repeat(1,minmax(0,1fr)) !important;
    padding-left: 18vw;
    padding-right: 18vw;
}

3. I also "hacked" the height by adjusting the height % where the code is for the image hover.

It looks like how I intend it to now, but there are two remaining issues:

1. I'd like to clean up the code because I don't want to do an image hover anymore now that I'm applying this style. Currently it's a hack because I've uploaded the same image in the image hover code. How do I remove the image hover code while still maintaining the shorter height?
2. The portfolio title is now very far away from the image, I think because I've specified height by a lower % (70%). Is there a way I can remove the need for a title outside the image box? (Squarespace won't let me save without a title input)

@tuanphanOn the Portfolio list page :)

@tuanphan Are you able to assist please? Many thanks!

Hi bangank36! Unfortunately the portfolio page currently does not allow for me to add image or text or any blocks of that kind for that matter. The only customisation I can do is the layout (I currently have input some CSS to make it a one-case study vertical line).

Site URL: https://www.cindyho.design/

Hi there, I'd like to implement two blocks side-by-side for each of my work/case study in the Portfolio page. I've attached an example image here. Can you please help?

Site URL: https://www.cindyho.design/

Hi, I did not know how to delete my original question but I've decided to go another way with my web design so no longer need a response. Thanks anyway!

Hi @tuanphan 

Yes! This is a code that you provided on a different thread. I'd copied it in but it didn't seem to work at first, and then was intermittently working (sometimes would revert back to 2 boxes per column), but now it is consistently working.. weird!

Thank you so very much. Your replies in previous threads have been tremendously helpful.

Site URL: https://www.cindyho.design/

Hi, Square Space doesn't allow us to switch templates but I'd like my portfolio page to display my projects in one column rather than currently three. I can change this on the Design section but can only go down to minimum of 2 column layout. I tried pasting this code based on another user's question, but it didn't work:

div#gridThumbs {
    grid-template-columns: repeat(1,minmax(0,1fr)) !important;
    padding-left: 10vw;
    padding-right: 10vw;
}

Site URL: cindyho.design

Password: 123