Jump to content

Summary Block - CSS for Category / tags

Recommended Posts

Site URL: https://www.ukrainiandanceworld.com/dance-groups

Hi there,

Was wondering how to remove the comma (,) after the country in my categories / tags? I have existing code setup to only show the first category / tag

// Dance Group tags
/* Hide the comma separators between the tags */
.sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--tags {
font-size: 0;
}
.sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--cats {
font-size: 1;
}

/* but not the tags themselves */
.sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--tags a {
font-size: 12px;
}
.sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--cats a {
font-size: 12px;
}

/* Show the first tag only; hide the others */
.sqs-block-summary-v2 .summary-metadata-item a:not(:first-child) {
display: none;
}

 

Screenshot 2022-10-01 at 5.51.14 PM.png

Link to comment
  • Replies 1
  • Views 315
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

It looks like you solved with this CSS?

.sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--tags {
    font-size: 0;
}
.sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--tags a {
    font-size: 12px;
}

 

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

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.