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

Good evening, 

I'm having the same issue here. I'm trying to center my summary block items using the two custom CSS Code mentioned in this thread without any luck. Here is the page. https://humansofpublicservice.org/testing

On 11/13/2023 at 10:13 AM, humansofpublicservice said:

Good evening, 

 

I'm having the same issue here. I'm trying to center my summary block items using the two custom CSS Code mentioned in this thread without any luck. Here is the page. https://humansofpublicservice.org/testing

 

 

Hi,

The page url doesn't work