Jump to content

Center Grid Summary Block - please help!

Recommended Posts

  • Replies 3
  • Views 360
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

1 hour ago, Bojan1990 said:

I need a little help with a code snippet. I found a tutorial but unfortunately it does not work yet. I want the last two columns to be centered

The code snippet is for Summary Blocks only but your screenshot shows a "List Section".

List Sections use a different technology called CSS Grid where each item is placed within the fixed grid. CSS Grid isn’t suited to alignment across an entire row because of crisscrossing tracks blocking the way (see below).


Edited by paul2009
edited for clarity

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
On 8/3/2022 at 5:52 PM, Bojan1990 said:

Thank you, Paul. So is it not possible with a list section? How can I solve this problem?

Do you still need help with List Content?

I see you changed to Image/Text with Fluide Engine to achieve this?

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.