Streaming live at 10am (PST)

Display a Collection list as horizontally and comma separated

I’m looking to display a collection list consisting of blog post tags as a simple text field separated by commas (see screenshot below).

This would display on a single blog post page and list out the associated tags. I see that you can lay them out as columns or assign different display properties, but is it possible to separate by a comma like in my screenshot?

Separate ==> Very easy (Add “inline-block” comma (and space) after the category name inside the collection (Also inline -or- inline-block element) - The only problem her is with the “last” “unwanted” comma.

I can give you solution by custom code maybe (Remove the last comma by Javascript).

Hi - Thanks for your help on this. I was able to get the categories laid out like to described using the inline-block display property on the collection list. What javascript do you recommend using to remove the last comma and space?

Nevermind, I was able to accomplish this using only css pseudo elements to place the comma and space.