Jump to content

Two Masonry Blogs different formatting

Recommended Posts

  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

8 hours ago, capitalgcreatives said:

as it changes both when I change one

This really bugs me! You could use a Grid layout for one of them?

Can you share the page URL of the one you want to be 2 columns?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 3 weeks later...

To make /projects page to 2 columns, you can use this code to Website > Website Tools > Custom CSS

/* Masonry 2 columns */
body#collection-648fc1e8e5266d31b47cc150 {
div#BlogMasonryContainer {
        columns: 2;
        column-gap: 0;
        height: auto!important;
        display: block!important;
        padding: 0 5px;
    }
    div#BlogMasonryContainer article {
        position: relative!important;
        transform: none!important;
        width: 100%!important;
        display: block;
        padding: 5px!important;
        box-sizing: border-box;
    }

    div#BlogMasonryContainer article img {
        height: 100%!important;
      	width: 100%!important;
    }}

body#collection-648fc1e8e5266d31b47cc150 is Project page ID

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.