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?

Screenshot2023-03-17at12_59_29AM.png.381100cef5af2fb91661e88c8b567b23.png

Here is the relevant CSS code I'm using:

Quote

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