Jump to content

Blog Summary list as 2 columns

Recommended Posts

Site URL: https://marlin-eagle-nny3.squarespace.com/

Hello,

I wondered if someone knows a way I can make a blog summary list to show up as 2 columns? Please see screenshot attached of how I would ideally like it to look.

I found that the blog summary List is the only way I can have the text displayed beside the image rather than below (like in Grid). I've set it up temporarily so that each column would display a different tagged blogs (i.e i would tag them as left-column or right-column) but I already know that my client will find this confusing to have to do and may mess it up.

An alternative option would be to use the Grid design layout but use CSS to move the text beside the image but i'm not sure if this is possible.

Thanks in advance!!

 

Screen Shot 2021-05-20 at 17.33.04.png

Link to comment
  • Replies 8
  • Views 713
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...

Hey @tuanphan, no i haven't solved this yet. I've got 2 columns but they are both showing the same blog posts (there are only 2 blog posts set up). 

Do you know a solution of how i can make this design of blog summaries appear as 2 columns? 

Let me know if you need me to explain more. 

Thanks in advance!

Link to comment
On 6/7/2021 at 9:16 PM, handossary said:

Hey @tuanphan, no i haven't solved this yet. I've got 2 columns but they are both showing the same blog posts (there are only 2 blog posts set up). 

Do you know a solution of how i can make this design of blog summaries appear as 2 columns? 

Let me know if you need me to explain more. 

Thanks in advance!

You can add Summary, + add some demo posts (~3 or 5 posts), then let me know. We will give the code to make summary to 2 columns

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

Also, do you want to fix these?

Site URL – https://www.supervision4therapists.com/

1. (Tablet-Homepage) Increase content width?

supervision4therapists.com-01-min.png

2. (Tablet-Homepage) reduce white spacing?

supervision4therapists.com-02-min.png

3. (Tablet-Footer) Increase column 3 width?

supervision4therapists.com-03-min.png

4. (Mobile-Footer) Reduce space between Contact-Supervision Online?

supervision4therapists.com-04-min.png

5. (Mobile-Homepage) Reduce white space?

supervision4therapists.com-05-min.png

6. (Mobile-Homepage) Change order of image/text?

supervision4therapists.com-06-min.png

7. (Meet Allan) You haven’t changed SEO Title so the browser tab name sillt shows “About 1”

 

8. (Mobile-Meet Allan) Reduce white space?

supervision4therapists.com-07-min.png

9. (Tablet-How it works) Increase content width?

supervision4therapists.com-08-min.png

10. (Mobile-Testimonials) change order of image/text?

supervision4therapists.com-09-min.png

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.