Jump to content

Using the 12-Column Grid on squarespace

Recommended Posts

Hi there,

I'm an Art director in a Digital agency in France.
And I need for my personal use, to do a website. I want to use Squarespace.
I'm trying to choose a template, but as a designer, I obviously made my own website design 😉
The thing is that, as usual, I used a 12 column grid to create my page.. (You will get an overview with the attached file.)

I've spent a lot of time reading a lot of articles on Squarespace but I don't really know what to think anymore!

- Is there a way to make my design below on squarespace? using a template and transforming it or starting from scratch?
- Is there a way to use these 12 columns grids to structure the site on Squarespace ?

- Also, is there a way to create a docked navigation ??

Thank you so much for your help !!
PS/I'm a dumb at coding...

 

Capture d’écran 2021-01-27 à 16.51.55.png

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

34 minutes ago, Dodosix said:

Is there a way to use these 12 columns grids to structure the site on Squarespace ?

Squarespace is built on a 12-column grid with unlimited rows, so you should have no difficulties. If you create a blank page without using prebuilt layouts you should be able to create your layout by dragging items to fit. Spacer Blocks are your friend when you need whitespace. Here's a screencast of me moving blocks to build your design.

For more information, see Moving blocks to customize layouts.

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment

Hi Paul,

And thank you so much for your return AND your screencast..  🙂
I understand how it works and it's sounds great!
I 'm gonna build my website from a blank page, it will be easier. I'm so stuck with the prebuilt layout!
- can you please provide me with the link to the "Create a site without using prebuilt layout" page?
I can't find it...

Also, would you happen to know if I can create a docked navigation ??

Thank you again 🙏 

 

Link to comment
On 1/27/2021 at 10:33 AM, Dodosix said:

Hi Paul,

And thank you so much for your return AND your screencast..  🙂
I understand how it works and it's sounds great!
I 'm gonna build my website from a blank page, it will be easier. I'm so stuck with the prebuilt layout!
- can you please provide me with the link to the "Create a site without using prebuilt layout" page?
I can't find it...

Also, would you happen to know if I can create a docked navigation ??

Thank you again 🙏 

 

Try this guide. https://support.squarespace.com/hc/en-us/articles/205815378-Starting-over

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.