Custom CSS to center Summary Block is juuust off center

Site URL: https://www.viperequitypartners.com/

Hello,

I added custom CSS to center the contents of the Summary Block (in Grid view) and it's off-center. Any ideas what's going wrong? See screenshot and code below. Thank you!

//center summary block, unlink from bios//
.sqs-gallery-design-autogrid .summary-item-list {

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  
 pointer-events: none;

}

.summary-item-list.sqs-gallery.sqs-gallery-design-autogrid > * {
    margin-right: auto !important;
    margin-left: auto !important;
}

This should fix the spacing on the text blocks below too.

6 minutes ago, rwp said:

.summary-item-list.sqs-gallery.sqs-gallery-design-autogrid > * {
    margin-right: auto !important;
    margin-left: auto !important;
}

This should fix the spacing on the text blocks below too.

Didn't work: 

You left your code in, correct?

Here's how it looks on mine with the addition of the code I supplied above:

This should do the same thing, but give it a try if the other one isn't working.

.sqs-gallery-design-autogrid .summary-item-list > * {
    margin-right: auto !important;
    margin-left: auto !important;
}

@rwp You're right, they both work! I had deleted the old code which was the problem. Thanks!

@Vanec When you make your "Our Team" did you do that all from custom code or did you use a template within Squarespace. Trying to create a similar vibe but with square photos.

Thanks!

I'm having the same issue, and tried to use the css mentioned in this thread.
I'm trying to style a summary block here: https://www.functionfirstcoaching.com/workshops

Any help will be appreciated

On 12/20/2020 at 2:58 AM, Casscs said:

I'm having the same issue, and tried to use the css mentioned in this thread.
I'm trying to style a summary block here: https://www.functionfirstcoaching.com/workshops

 

Any help will be appreciated

Hi. What is your problem? We can help easier