How do I remove comma's between my category div's on summary block?

Site URL: https://www.weareliminal.co/projects-1

I'd like to remove the comma's between my categories in the summary block but not sure how too?

I'm currently using code that has inline-block so wondering if that has something to do with it?

L

Try adding this to Settings > Advanced > Code Injection > Footer:

<!-- Hide commas between categories in Summary Block on Sqs 7.1 ------>
<script> 
window.onload = function(){
  var cats = document.querySelectorAll('.summary-metadata-item--cats');
  for(var i=0; i < cats.length; i++) {
    cats[i].innerHTML = cats[i].innerHTML.replace(/\,/g,'');
  }
}  
</script>

Notes:

• This is for Summary Block Grids on Squarespace 7.1.
• Squarespace change their code frequently and without warning, so this may not work in future. Code provided in March 2021.
• This requires JavaScript, so you'll need to be on a Business Plan or above.

   If this helps you, please click "Like" below  ⬇️