Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 - centering bottom row of summary grid


brittco

Question

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

Please help! 

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

See picture below

649681655_ScreenShot2022-01-21at10_09_13PM.thumb.png.2ff2b3de8289a89322e3652eaffa80a6.png

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

Link to comment
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

4 answers to this question

Recommended Posts

  • 0
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

649681655_ScreenShot2022-01-21at10_09_13PM.thumb.png.2ff2b3de8289a89322e3652eaffa80a6.png

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?

image.thumb.png.80721168dc2d0769bdb7263ba3c86930.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0

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

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. 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...