Jump to content

Targeting a Specific Summary Block - Part II

Recommended Posts

Site URL: https://jadeanthony.com/the-regulars

Hey friends!

I really need some help targeting a specific Grid Summary Block on a page that has both, a Grid summary and List summary, where I want to center its contents. Right now, I'm using the following code:

 

<style>
#block-yui_3_17_2_1_1619719686531_1992 
  .summary-thumbnail-container
    {display: flex; justify-content: center}
  .sqs-block-summary-v2 .summary-item-list
    {display: flex; justify-content: center}
</style>

 

But I want to keep the top List Summary Block listed vertically with the text left-aligned.
 

 

The page link is: https://jadeanthony.com/the-regulars

 

Can anyone help? Thanks!

Link to comment
  • Replies 2
  • Views 493
  • Created
  • Last Reply

You want to target Grid Summary only?

Remove above & use this code

<style>
[data-block-json*="autogrid"] .summary-thumbnail-container
    {display: flex; justify-content: center;}
  [data-block-json*="autogrid"] .summary-item-list
    {display: flex; justify-content: center;}
</style>

 

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
9 hours ago, tuanphan said:

You want to target Grid Summary only?

Remove above & use this code


<style>
[data-block-json*="autogrid"] .summary-thumbnail-container
    {display: flex; justify-content: center;}
  [data-block-json*="autogrid"] .summary-item-list
    {display: flex; justify-content: center;}
</style>

 

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.