Commas with tags

Product Support

AI-generated summary

The discussion revolves around the use of commas with tags in a community forum. ElForoViajero noticed that commas appear between tags in the topic list, despite not adding them manually. Johani explained that the commas are added to the “simple” tag style and provided two solutions: changing the tag style or adding custom CSS to hide the commas. ElForoViajero applied the second solution and confirmed that it worked.

1

Hi there,

I have a little issue. I am starting to get topics and traffic in my community at elforoviajero.com When I add new tags to a topic, i do not put any comma

52
52962×596 28.7 KB

However, when you see the topic list, the commas appear

35
35626×140 5.95 KB

Am I doing something wrong?

2

The commas are only added to the “simple” tag style. It looks like you’ve customized the way that tags look but I think you’re still using the “simple” style under the tag_style setting in the admin.

You have a couple of options:

  1. change the tag style to something other than simple and then adjust your custom styles here accordingly

    .discourse-tag.simple, .discourse-tag.simple:visited, .discourse-tag.simple:hover {       border-width: 0.05em;
  color: #949494;
  border-style: solid;
  padding: 2px 4px 2px 4px;
  border-radius: 5px;
  margin-top: 2px;
  font-size: 1.05em;
}

  2. Add this to your custom CSS to hide the commas for all tags:

    .discourse-tags,
.list-tags {
  .discourse-tag.simple:not(:last-child):after {
    display: none;
  }
}
3

That worked like a charm :slight_smile: Thanks a lot!!