Jump to content

Is there a way to create a blog with two text columns?

Go to solution Solved by creedon,

Recommended Posts

Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page. Please see per-page code injection.

<style>

  .blog-single-column .blog-single-column--wrapper {
  
    display : grid;
    gap : 30px;
    grid-template-columns : 1fr 1fr;
    
    }
    
  </style>

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
Quote

Post Blog Item Code Injection

That location is for individual blog posts and is different form where I instructed the code be installed. My code is for altering the blog post listing page from one column to two columns. Is your Layout set to Single Column?

235751729_ScreenShot2022-12-05at2_02_03PM.png.a3038aa7dace1898aab3002f8fb31558.png

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

I have the blog listing page set for side-by-side blogs, but I will change it if you tell me to.

I may not have been clear; my wish is to have each individual blog entry have two columns of text. Or better, two columns of text and then a full-width block (the width of the two above) beneath it. But I'll take what is possible.

I'm new to Squarespace, I appreciate you taking the time to help me.

Link to comment
  • Solution
Quote

I have the blog listing page set for side-by-side blogs, but I will change it if you tell me to.

No no. Only do it if you want your blog listing page to have two columns. And, of course if you don't want two columns on the blog listing page the don't use the code provided.

To have two columns in a blog post you can do that by putting two text blocks side by side.

1791740763_ScreenShot2022-12-05at6_02_58PM.png.3363d2d2c76cba785fb4ea09f2c07485.png

Being new to editing on SS you might find it a bit tricky. SS likes to combine text blocks that are vertically aligned into one. If you find yourself having trouble reaching the above layout, use a text block, line block, text block. Then align your text blocks side by side and remove the line block. The line block keeps the SS combining feature from happening.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.