Extra spaces in my tag list

[sally_maria]

Last year, I posted about getting a comma-separated list for my tags, and somebody helped me to sort it out.

Somehow, though, changes in the site or my layout mean that it no longer works quite right, and I was hoping somebody might help me to fix it.

The problem is with the commas after each item - there is always a space first, so the commas look rather odd.

At the moment I'm using

.module-tags_cloud .module-list-item { font-size: 12pt !important; }
.module-tags_cloud .module-list-item:after{content: ", "; }
.module-tags_cloud .module-list-item:last-child:after{content: " "; }

Thank you for any help you can give me.

Comments

[matgb]

Right, I'm guessing at what's causing it, and I'm guessing at an answer, although I'm not confident it'll work. At the moment, the code inserts a comma after each entry, let's try putting it before. so item:after becomes item:before and last-child becomes first-child, ergo:

.module-tags_cloud .module-list-item { font-size: 12pt !important; }
.module-tags_cloud .module-list-item:before{content: ", "; }
.module-tags_cloud .module-list-item:first-child:before{content: " "; }

But as I'm not sure I'm right on what's causing it, I have low confidence it'll solve it.

[sally_maria]

Unfortunately putting it before doesn't help.

Back when I sorted this out originally, the code I had put it before, and I had the space problem. When we moved it to after, the space went away.

Then at some point, something changed and the space came back.