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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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.