Jump to content

Centering Summary Block Content / thumbnails

Recommended Posts

Hi there,

I am trying to center all the content/thumbnails in all my summary blocks on my website. I started with the following code to do this:

.sqs-block-summary-v2 .summary-item-list {
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;

This code worked well for me, but I am still facing a centering issue. When a row is filled with thumbnails, everything looks fine. However, if there are only a few thumbnails after the filled rows, such as one or two, then these thumbnails are off to the left side. Please refer to the screen clip.

I am using version 7.1.

I am hoping there is a bit more CSS code to correctly center these types of rows.

I have provided the link to the page I took the screen clip from below:

Page URL: https://www.ofwhitewalls.com/rectangle-1

Thank you in advance for any help.

Screenshot 2024-02-22 at 4.49.47 PM.png

Link to comment
  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.