7.1 - centering bottom row of summary grid

Site URL: https://otd-staging.squarespace.com/

Please help! 

I'm trying to center the bottom row of this summary grid ... 

See picture below

Website: https://otd-staging.squarespace.com/

Password: OTD

Would be open to these images not being in blog posts, just didn't know how to set it up without adding another section ant disrupting the background and video clip thumbnail that overlap eachother perfectly

41 minutes ago, brittco said:

Site URL: https://otd-staging.squarespace.com/

Please help! 

I'm trying to center the bottom row of this summary grid ... 

See picture below

Website: https://otd-staging.squarespace.com/

Password: OTD

 

Would be open to these images not being in blog posts, just didn't know how to set it up without adding another section ant disrupting the background and video clip thumbnail that overlap eachother perfectly

Is it the result you want to achieve?

Try adding to Home > Design > Custom Css

section[data-section-id="616988e4c958133f99e7711c"] .content > .sqs-layout .row > .col >.row > .col.span-4 {
  width: 100%;
}
section[data-section-id="616988e4c958133f99e7711c"] .summary-item-list {
  display: flex;
  justify-content: center;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

No, I'm sorry. Should have been more specific. 

I need it to be more like this pix below ... 

just the 2nd row is centered but the whole grid needs to stay to the left side.

Thank you for you help!
I also need them to stay small and to the side in mobile view. 

On 1/22/2022 at 1:57 AM, brittco said:

No, I'm sorry. Should have been more specific. 

I need it to be more like this pix below ... 

just the 2nd row is centered but the whole grid needs to stay to the left side.

DId you figure this out?

On 11/23/2022 at 8:29 AM, nicolettely said:

DId you figure this out?

If you share link to page where you have problem, we can take a look

Hi! I need a solution for the same problem – the code above doesn't do it. Under Discography, I would love to center the two photos on the last row.

https://no4band.squarespace.com/

PW: no4

On 1/3/2024 at 9:00 PM, odascheel said:

Hi! I need a solution for the same problem – the code above doesn't do it. Under Discography, I would love to center the two photos on the last row.

https://no4band.squarespace.com/

PW: no4

You can use this code to Website Tools (under Not Linked) > Custom CSS

@media screen and (min-width:992px) {
[data-section-id="659554893be5bd62b0de9c1e"] figure.gallery-grid-item:nth-last-child(-n+2) {
    position: relative;
    left: calc(~"150% + 0.6vw");
}}