Jump to content

Center contents of just one summary block

Recommended Posts

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
  • Replies 2
  • Views 963
  • Created
  • Last Reply
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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
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. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.