sally_maria: (Default)
wrong but wromantic ([personal profile] sally_maria) wrote in [community profile] style_system2011-03-20 03:22 pm
Entry tags:

Extra spaces in my tag list

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.
foxfirefey: A wee rat holds a paw to its mouth. Oh, the shock! (myword)

[personal profile] foxfirefey 2011-03-20 07:30 pm (UTC)(link)
What browser are you using? I don't see an extra space, myself.
matgb: Artwork of 19th century upper class anarchist, text: MatGB (Default)

[personal profile] matgb 2011-03-20 07:57 pm (UTC)(link)
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.