Remove "comma" between blog meta data tags

Site URL: https://bywater-collective.squarespace.com/photography-journal/madi-garrett

Hey y'all - I'm using blog tags as way to target blog post for unique CSS application, and therefore have set the post to hide the names of these specific tags when displayed on the blog post header. However, this javascript is no longer hiding the loose comma that appears, between the visible tag, and the hidden and I'm not sure why.... Would appreciate any help! TIA!

Note - would only like to remove commas of the meta item tag, not category

<script> 
  $('.Blog-meta-item .Blog-meta-item--tags').map(function(val, i) {
    this.innerHTML = this.innerHTML.replace(/,/g, ' ');
})
</script>

Site: https://bywater-collective.squarespace.com/photography-journal/madi-garrett

PW: byctest

On 8/4/2021 at 10:21 AM, MayaViolet said:

Site URL: https://bywater-collective.squarespace.com/photography-journal/madi-garrett

Hey y'all - I'm using blog tags as way to target blog post for unique CSS application, and therefore have set the post to hide the names of these specific tags when displayed on the blog post header. However, this javascript is no longer hiding the loose comma that appears, between the visible tag, and the hidden and I'm not sure why.... Would appreciate any help! TIA!

Note - would only like to remove commas of the meta item tag, not category

 

<script> 
  $('.Blog-meta-item .Blog-meta-item--tags').map(function(val, i) {
    this.innerHTML = this.innerHTML.replace(/,/g, ' ');
})
</script>

 

Site: https://bywater-collective.squarespace.com/photography-journal/madi-garrett

PW: byctest

Whre did you add the code? Can you take screenshot of tags? I dont see tags here

10 hours ago, tuanphan said:

Whre did you add the code? Can you take screenshot of tags? I dont see tags here

Yes - the tag is actually the date beneath the title, "Nov 20 2020" then the comma, then a hidden tag titled "dark-light" that applies a CSS rule to keep the title dark text, and the intro paragraph light text.

I applied the code in the Header Injection for the entire site, as well as in the Page Header Code Injection and the Post Blog Item Code Injection in attempt to get it to work!

On 8/7/2021 at 8:38 PM, tuanphan said:

Add to Design > Custom CSS

/* Hide tags comma */
span.Blog-meta-item.Blog-meta-item--tags {
    visibility: hidden;
}
span.Blog-meta-item.Blog-meta-item--tags a {
    visibility: visible;
}

 

Always a savior - thank you Tuan!