Targeting a Specific Summary Block - Part II

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!

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!