Jump to content

How do I remove comma between category on summary block?

Recommended Posts

I'm looking for help with writing CSS code to achieve the following on my website

I successfully replaced comma with '|' pipe in my category summary blocks using CSS. However, this resulted in two pipes (' | | ') appearing between categories. How can I remove one of the pipes so only one displays between categories?


Here is the relevant CSS code I'm using:


.sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--cats {
  font-size: 0px !important;

.sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--cats a{
  font-size: 10px !important;
  font-family: 'Poppins';

.sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--cats :after {
  content: "|";
  visibility: visible;
  padding-left: 8px;
  padding-right: 8px;


Any guidance you can provide would be greatly appreciated. Thank you in advance for your help!

Edited by MishaY
Link to comment
  • Replies 1
  • Views 285
  • Created
  • Last Reply

Top Posters In This Topic

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.