Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by connieresch

  1. How can I calculate myself how to do this with a custom layout? I have 12 portfolio items, and I would like to lay them out in a specific way within 13 columns and 20 rows, I've got all the row and column points mapped out for each item. I want to know how to create and adjust this for when I add new items or make a new layout later. I tried a few variations of these with my own numbers but they didn't work quite right, the reason being I don't know what calculation goes into it! for example the repeat fractional units for these, even if they are just set to (0, auto) it gives me issues. I would put in repeat 13 and repeat 20 for the columns and rows. Also, the calculation of the 3n+1 number below, I don't understand: a.grid-item:nth-child(3n+1) { grid-column: ~"1 / 3" !important; } grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(30,minmax(0,0.5fr)) !important; } What makes them be either a.grid-item:nth-child or: .portfolio-grid-overlay .grid-item:nth-child(30) ? Is the .portfolio-grid-overlay not necessary in front? And why are some of the numbers next to the child items not corresponding to the portfolio item number? Is this the position they are in the rows instead? I'd like to paste my code in the header code injection of the specific portfolio page, but unsure how to set up my code. I had it nearly right, but they weren't stretching to the height of the row and one of my portfolio items disappeared. Thanks for any help
  2. Installed this plugin and it works great: https://beyondspace-showcase.squarespace.com/pinch-zoom-lightbox I had to email them after purchasing to get the installation stuff but they responded pretty fast
  3. I think it's here: https://beyondspace-showcase.squarespace.com/pinch-zoom-lightbox?password=12345&utm_source=squarespace_forum&utm_medium=topic&utm_campaign=support
  • 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.