Jump to content

Different CSS for different types of summary blocks

Recommended Posts

Site URL: https://gecko-maracas-par5.squarespace.com/

I added some CSS to a carousel summary block on my main page displaying blog posts to style the titles of each article.  However, when I added a list summary block on another page, those stylings were also applied to it.  I want to differentiate the designations in the custom CSS tabs but have not been able to figure out the right class name for a carousel block element; adding any class name I copy out of the developer console to the css ruleset seems to break it entirely.  I can add that element's ID and it seems to fix things, but when I refresh the page the CSS will break because the element appears to receive a new ID every time the page loads.  Does anyone know how to add styling that only applies to summary blocks that are set to the carousel layout?  Please and thank you.

Link to comment
  • Replies 1
  • Created
  • Last Reply


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.