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

Every template I look at has a single column going down the middle. I would like two columns of text. I appreciate any help you can offer.

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.

This did not give me two columns.  I added your code using "Post Blog Item Code Injection" but it does not give me two columns.

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?

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.

Oh. My. Goodness. That worked. Thank you so much.

THANK YOU SO MUCH!!! This was exactly what I was looking for. 

@creedon I tried this, but the text in the block on the right appears before the text in the block on the left when in Mobile view.

In desktop view editing, if I hover on the left block it shows it as being full width - I'm guessing something isn't quite set up right.

Any thoughts?? I'm about ready to throw the laptop out the window! (I'm very new to this whole SS thing, so I'm sure it's something I'm doing wrong and just can't spot it!). Many thanks!

6 minutes ago, naomi-jackson said:

the text in the block on the right appears before the text in the block on the left when in Mobile view.

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

@creedon Thanks for responding - amazingly, the "add lines and spacers and click and drag things randomly around for a while" strategy ended up working and I've muddled through. Days trying to work this out and just fluked it!  (Thanks for the advice on site wide password, for my future reference. I'm sure I'll need it at some stage!)

20 hours ago, naomi-jackson said:

amazingly, the "add lines and spacers and click and drag things randomly around for a while" strategy ended up working and I've muddled through. Days trying to work this out and just fluked

One of the issues with the Classic Editor is that it is possible to get rows and columns nested in such a way that things don't flow the way you would expect. SS provides no way visually to see these nesting issues. If you are a web developer it is possible to see this nesting issue.

I do have a bookmarklet that can help with seeing these issues.

Please see the following.

Hey this is a really helpful chain! I am finding something related to this.

I want to have 2 columns at the top of the blog then one single 'whole width' column underneath. Is there a way of doing that too?

On 2/19/2024 at 7:44 PM, blunderlord171 said:

Hey this is a really helpful chain! I am finding something related to this.

I want to have 2 columns at the top of the blog then one single 'whole width' column underneath. Is there a way of doing that too?

If you look at the answer from @creedon above that is marked as the solution, then you can set up your 2 columns like this and then add another block below for the 'whole width' column