Jump to content

Targeting a Specific Summary Block - Part II

Go to solution Solved by tuanphan,

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!

Edited by MissHazelJade
Change of link.
Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • Solution

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

Create an account or sign in to comment

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

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