Hi everyone, I’m utilizing tags to indicate to members when a fix is incoming or a reported bug/technical issue has been confirmed as being fixed (after the member marks the issue as solved – a bit redundant, but it works for our company’s needs). I’d like for the “fixed” and “fix-incoming” tags to always be at the furthest left area in the tag space beneath the topic name. Currently, they just seem to go wherever: [image] Is there any CSS I could use to put that “fixed” tag at the front, always? Thanks!

Something like: a.tag-fixed.discourse-tag.simple { float: left; } Would work. You will need to handle the comma, and some other things but is possible.

Awesome! That worked, however it now looks like the tag is a bit “dropped” compared to the others. Is there anything I can do about that? Perhaps some kind of padding? [image]

Unfortunately not (yet); it’s for a private forum that’ll eventually become public. I’ll necro this thread or PM you privately after it goes public. Thanks again for your help!

You may be able to solve it yourself using your browsers dev tools. “float” removes an element from the document flow. So any CSS styles that had been previously applied to it - inherited in the cascade - will need to be applied to it in the new “float” rule. It might not solve everything, but then again it just might.

Looks like I was able to solve it with the following (I’m sure there are more elegant ways… I’ll have to come back to it when I get better at CSS! :blush:): .tag-fixed, .tag-fixed:visited, .tag-fixed:hover { background-color: #009900 !important; float: left; margin: -2px 8px 0px 0px; }

CSS/Feature Help: Ordering Tags Below Topic

Product Support

Falco (Falco) October 10, 2016, 10:21pm 4

Yes, but I need to test it on your page. Is it public? Can you share an url?

Topic		Replies	Views
Order tags by tag group Product Support	3	707	March 26, 2021
Making tags look like real world tags UX	12	3762	August 3, 2020
Capitalize a tag in the UI Product Support	10	2754	February 22, 2017
CSS collision on topics tagged "list" breaks header Bug	1	535	February 10, 2020
The JS code stops working when the page is refreshed Development	14	594	May 1, 2024

CSS/Feature Help: Ordering Tags Below Topic

Related topics