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

Center contents of just one summary block


EmilieJax

Question

Site URL: https://www.shiftyes.com/culturedrop

Hey there, 

I want the CSS code to center the contents of just one summary block for our 4 most recent blog posts (used on this page: www.shiftyes.com/culturedrop)

It all goes to the left when the screen when the page is expanded, and I want them to be centered. 

Every code I've used has expanded *all* of my code blocks (so the quote summary block I have above it shows every single entry instead of continuing as a carousel). 

The block ID for the one I want to target is #block-yui_3_17_2_1_1611958011611_16043

Thank you!

Link to comment

2 answers to this question

Recommended Posts

  • 0
On 4/6/2021 at 11:57 PM, EmilieJax said:

Site URL: https://www.shiftyes.com/culturedrop

Hey there, 

I want the CSS code to center the contents of just one summary block for our 4 most recent blog posts (used on this page: www.shiftyes.com/culturedrop)

It all goes to the left when the screen when the page is expanded, and I want them to be centered. 

Every code I've used has expanded *all* of my code blocks (so the quote summary block I have above it shows every single entry instead of continuing as a carousel). 

The block ID for the one I want to target is #block-yui_3_17_2_1_1611958011611_16043

Thank you!

May you try

#block-yui_3_17_2_1_1611958011611_16043.sqs-block-summary-v2 .summary-item-list {
  display: flex;
    justify-content: center;
}
#block-yui_3_17_2_1_1611958011611_16043.sqs-block-summary-v2 .summary-item.positioned {
  margin: 0 !important;
  padding: 0 2vw;
}

image.png.e1873d29f75d374b003f7495d67ea04f.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
On 4/6/2021 at 11:57 PM, EmilieJax said:

Site URL: https://www.shiftyes.com/culturedrop

Hey there, 

I want the CSS code to center the contents of just one summary block for our 4 most recent blog posts (used on this page: www.shiftyes.com/culturedrop)

It all goes to the left when the screen when the page is expanded, and I want them to be centered. 

Every code I've used has expanded *all* of my code blocks (so the quote summary block I have above it shows every single entry instead of continuing as a carousel). 

The block ID for the one I want to target is #block-yui_3_17_2_1_1611958011611_16043

Thank you!

Some problems on your site, if you want to fix, just reply here (y)

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

1. (Mobile-Footer) Want to fix train-ing text?

shiftyes.com-mobile-footer-min.png

2. (Tablet-First time here)

shiftyes.com-tablet-first-time-here-min-

3. (Tablet-First time here)

shiftyes.com-tablet-first-time-here-min-

4. (Mobile-First time here) Align all icons same line?

shiftyes.com-mobile-first-time-here-min.

5. (Tablet-Meet the team) Want to stacked “Our team culture..” section?

shiftyes.com-tablet-meet-the-time-min-1.

6. (Tablet-Speaking)

shiftyes.com-tablet-speaking-min-1.png

7. (Mobile-Culture Core) Want to center 2 lines?

shiftyes.com-mobile-culture-core-min.png

8. (Tablet-Clients)

shiftyes.com-tablet-client-01-min.png

9. (Tablet-Clients)

shiftyes.com-tablet-clients-02-min.png

10. (Tablet-Blog detail) Want to stacked More sidebar?

shiftyes.com-tablet-blog-detail-min.png

11. (Mobile-Blog detail) Want to reduce text size?

shiftyes.com-mobile-blog-detail-min-1.pn

12. (Tablet-Contact us)

shiftyes.com-tablet-contact-us-min-1.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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...