# CSS/Feature Help: Ordering Tags Below Topic

**URL:** <https://meta.discourse.org/t/css-feature-help-ordering-tags-below-topic/51360>\
**Category:** Support\
**Created:** [October 10, 2016, 9:36pm UTC](https://meta.discourse.org/t/css-feature-help-ordering-tags-below-topic/51360 "2016-10-10T21:36:59Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![LilTrashPanda](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/liltrashpanda/32/62053_2.png) [@LilTrashPanda](https://meta.discourse.org/u/LilTrashPanda)\
**Post date:** [October 10, 2016, 9:36pm UTC](https://meta.discourse.org/t/css-feature-help-ordering-tags-below-topic/51360/1 "2016-10-10T21:36:59Z")

</div>

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:

![](https://global.discourse-cdn.com/meta/original/3X/3/f/3f8421e010bacf3fea2df4769cab59f256a52ab5.png)

Is there any CSS I could use to put that “fixed” tag at the front, always?

Thanks!

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [October 10, 2016, 9:47pm UTC](https://meta.discourse.org/t/css-feature-help-ordering-tags-below-topic/51360/2 "2016-10-10T21:47:11Z")

</div>

Something like:

```plaintext
a.tag-fixed.discourse-tag.simple {
    float: left;
}

```

Would work. You will need to handle the comma, and some other things but is possible.

---

<div class="post-metadata">

**Author:** ![LilTrashPanda](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/liltrashpanda/32/62053_2.png) [@LilTrashPanda](https://meta.discourse.org/u/LilTrashPanda)\
**Post date:** [October 10, 2016, 10:17pm UTC](https://meta.discourse.org/t/css-feature-help-ordering-tags-below-topic/51360/3 "2016-10-10T22:17:48Z")

</div>

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?

![](https://global.discourse-cdn.com/meta/original/3X/1/3/137eb64884ef2616cb8486b1b20f4bef1c8d9751.png)

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [October 10, 2016, 10:21pm UTC](https://meta.discourse.org/t/css-feature-help-ordering-tags-below-topic/51360/4 "2016-10-10T22:21:39Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![LilTrashPanda](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/liltrashpanda/32/62053_2.png) [@LilTrashPanda](https://meta.discourse.org/u/LilTrashPanda)\
**Post date:** [October 10, 2016, 11:17pm UTC](https://meta.discourse.org/t/css-feature-help-ordering-tags-below-topic/51360/5 "2016-10-10T23:17:06Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)\
**Post date:** [October 10, 2016, 11:32pm UTC](https://meta.discourse.org/t/css-feature-help-ordering-tags-below-topic/51360/6 "2016-10-10T23:32:54Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![LilTrashPanda](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/liltrashpanda/32/62053_2.png) [@LilTrashPanda](https://meta.discourse.org/u/LilTrashPanda)\
**Post date:** [October 14, 2016, 5:49am UTC](https://meta.discourse.org/t/css-feature-help-ordering-tags-below-topic/51360/7 "2016-10-14T05:49:38Z")

</div>

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! 😊):

`.tag-fixed, .tag-fixed:visited, .tag-fixed:hover { background-color: #009900 !important; float: left; margin: -2px 8px 0px 0px; }`

---

<div class="post-metadata">

**Author:** ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)\
**Post date:** [June 8, 2024, 12:45pm UTC](https://meta.discourse.org/t/css-feature-help-ordering-tags-below-topic/51360/8 "2024-06-08T12:45:13Z")

</div>

This topic was automatically closed after 2797 days. New replies are no longer allowed.