Jump to content

Centering the last picture ("Multiple sets") of the project grid

Recommended Posts

12 hours ago, gypseagiuls said:

Site URL: https://pike-begonia-fjck.squarespace.com/

Hello, 

on the page of "classes"  i would like to align to centre the last image of the project grid (called "Multiple sets") so that it looks like a row of 2, another row of 2 and last row of just 1. what code should i insert?

 

https://pike-begonia-fjck.squarespace.com/

password: hello123

 

Thank you 

 

try

#gridThumbs {
  grid-template-columns: repeat(4,minmax(0,1fr));
}
#gridThumbs .grid-item:last-child:nth-child(2n - 1) {
  grid-column-end: -2;
}
#gridThumbs .grid-item {
  grid-column: span 2;
}

image.png.be65eba0f7037368c471181b76e1e143.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
Just now, gypseagiuls said:

where should i put this?  i did portfolio settings - advanced - insert code but it doesn't change to me. 

Can you try in custom css section

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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.