Jump to content

Centering last row in Portfolio pre-made block

Recommended Posts

Site URL: https://apricot-goldfish-m57n.squarespace.com

Does anyone know if it is possible to do this. 

Have tried this but havent been able to get it to work within SS

https://css-irl.info/controlling-leftover-grid-items/

If anyone has any idea I would be grateful.

.portfolio-grid-basic seems ot be the class that works but it all ends up squiffy.

Thanks

Screenshot 2021-08-13 at 00.08.54.png

Edited by AlexTokolosh
mo info
Link to comment
  • 2 months later...
40 minutes ago, RT53 said:

Hi! Did anyone get this answered? I have the same question, but for a "simple list" block. Thank you!!

What is your site url

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 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
On 11/15/2021 at 10:26 PM, RT53 said:

I have the same question!

Can you share your site with a protected password ? So we can check it together

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 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
  • 2 years later...
On 1/11/2024 at 9:36 PM, odascheel said:

Hi! I have the same quesyion regarding https://www.altamira.no/talent

Is it possible to either center the last row OR place all 5 into one row?

Add this code to Website Tools (under Not Linked) > Custom CSS

/* center portfolio */
@media screen and (min-width:768px) {
div#gridThumbs .grid-item:nth-child(n+4) {
    position: relative;
    left: calc(~"50% + 40px");
}
}

image.thumb.png.150b83f885639689daca166c54689749.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (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.