Jump to content

Customizing portfolio / gallery page block / column widths...

Recommended Posts

Posted

Site URL: https://combicreative.com/

Hello! I have a question regarding custom column widths....I'd ultimately like my portfolio site to go as follows:

I am using the FLATIRON TEMPLATE

 

1st row:

1st column would have 1 large image 2/3rds width of pageon the left

2nd column, same row, would have 2 images stacked taking up 1/3rd the width of the screen on the right

 

2nd row (would be opposite of the first)

1st column, would have 2 images stacked taking up 1/3rd the width of the screen on the left

2nd column would have 1 large image 2/3rds width of page on the right

 

and then this would repeat down the page, alternating rows.

 

Also, At the largest, I only want 2 columns talking up the width of the screen ever....not sure if I can lock this in?

 

See screenshot site reference screenshot and wireframe of ideal layout for reference

            

current.png

ideal.png

  • Replies 3
  • Views 277
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted

This is the final result you want to achieve, isn't it?

image.png.4cff46e8f6b8ae6b6bd69b051a3f51a7.png

Can you share your site with the protected password so we can take a look?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

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!

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.