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

Issue with carousel summary block display in SS 7.0 after adding custom code to center SS 7.0 gallery grid blocks


Kate_B

Question

Site URL: https://www.kurlycreative.com/branding-squarespace-services

Hello! I've added the following css code to centre my summary grid gallery blocks in SS 7.0:

//Centrer grid summary blocks//
.sqs-block-summary-v2 .summary-item-list {
 display:flex;
flex-wrap:wrap;
 justify-content:center;
}

 but once added, it seems to affect my carousel summary blocks, which are now displaying as 1 long section (rather than 7 different separate sections which you should be able to scroll between). Does anyone know how to fix this? URL for carousel summary block above ('why squarespace? section at bottom of page')

 

Example of how the carousel summary block should look like/was looking like before this code was added.

 

Any help would be so appreciated! Thank you! 🙂

Screenshot 2021-04-17 at 22.55.54.png

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

You can replace this .sqs-block-summary-v2 with block id. use this tool to find block id.

Amazing thank you so much! The summary blocks I use the code for appear on multiple blog posts and pages so I think I'll just have to remove the summary block that's having issues (as in the scre

Posted Images

5 answers to this question

Recommended Posts

  • 0

Without above code, I see summary centered here. Can you explain clearly?

Quote

I've added the following css code to centre my summary grid gallery blocks in SS 7.0:

 

Link to post
  • 0

Thank you for your reply! I'm sorry, I'm not too sure what you mean. The first screenshot I shared in my first message is what the summary block is supposed to look like (this is what it looked like before the code was added), once the code was added - here is a screenshot attached of what that 'why squarespace?' summary block now looks like. Let me know if this helps, or please let me know any more info you need. Thank you!

Screenshot 2021-04-19 at 22.23.50.png

Link to post
  • 0

Amazing thank you so much!

The summary blocks I use the code for appear on multiple blog posts and pages so I think I'll just have to remove the summary block that's having issues (as in the screenshots I shared)  and add that content in a different way.

Thanks for your help!

Link to post
  • 0
On 5/2/2021 at 4:20 AM, Kate_B said:

Amazing thank you so much!

The summary blocks I use the code for appear on multiple blog posts and pages so I think I'll just have to remove the summary block that's having issues (as in the screenshots I shared)  and add that content in a different way.

Thanks for your help!

You can target Summary Grid only with this code

[data-block-json*="autogrid"] .summary-item-list {
 display:flex;
flex-wrap:wrap;
 justify-content:center;
}

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...