# Custom CSS: grouping

**URL:** https://meta.discourse.org/t/custom-css-grouping/68291
**Category:** UX
**Created:** [August 18, 2017, 5:38am UTC](https://meta.discourse.org/t/custom-css-grouping/68291 "2017-08-18T05:38:43Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![barryvan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/barryvan/32/82635_2.png) [@barryvan](https://meta.discourse.org/u/barryvan)
#### Post date: [August 18, 2017, 5:38am UTC](https://meta.discourse.org/t/custom-css-grouping/68291/1 "2017-08-18T05:38:43Z")

</div>

When you look at the list of custom CSS, it’s essentially a long flat list:

 ![image](https://global.discourse-cdn.com/meta/original/3X/a/a/aa6d4e2b68e5b2003b6a372347db35eb7df874e9.png)

I’d like to propose that child themes are indented by ~20px under their parent, so that it’s clear what the relationship is:

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/7/3798871d237524398cc57edf874a32b4c359d24a.png)

Thoughts?

---

<div class="post-metadata">

### Author: ![tophee](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tophee/32/73406_2.png) [@tophee](https://meta.discourse.org/u/tophee)
#### Post date: [August 18, 2017, 5:59am UTC](https://meta.discourse.org/t/custom-css-grouping/68291/2 "2017-08-18T05:59:06Z")

</div>

If I understand your request correctly, I had asked for something very similar earlier:

> [@Native theme feature feedback, bugs, thoughts, feelings, prayers](https://meta.discourse.org/t/native-theme-feature-feedback-bugs-thoughts-feelings-prayers/60893/2):
>
> So, I’d like to suggest to bring back the asterisk (or some other visual marker) for theme elements that are in use in another theme

and it seems to have been implemented:

> [@Native theme feature feedback, bugs, thoughts, feelings, prayers](https://meta.discourse.org/t/native-theme-feature-feedback-bugs-thoughts-feelings-prayers/60893/16):
>
> yeah I follow, we can add an extra visual cue for “enabled child theme” and improve the UI to give better visibility of parents. this is now fixed btw [https://github.com/discourse/discourse/commit/43e4fc03ef60ea8731f00ecd43e45894bca4d234](https://github.com/discourse/discourse/commit/43e4fc03ef60ea8731f00ecd43e45894bca4d234)

but then disappeared again?

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [August 18, 2017, 11:17am UTC](https://meta.discourse.org/t/custom-css-grouping/68291/3 "2017-08-18T11:17:22Z")

</div>

Problem with indenting is that a theme can have multiple parents. Should the child theme appear indented under all of its parent themes? I think that could be confusing.

Personally I’m in favor of some simple indicator (like an icon) that says “hi! I’m a child theme”.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [August 18, 2017, 12:05pm UTC](https://meta.discourse.org/t/custom-css-grouping/68291/4 "2017-08-18T12:05:48Z")

</div>

> [@jomaxro](#):
>
> I’m in favor of some simple indicator (like an icon) that says “hi! I’m a child theme”.

Yeah … me too 🙆🏼‍♂️

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [August 18, 2017, 7:43pm UTC](https://meta.discourse.org/t/custom-css-grouping/68291/5 "2017-08-18T19:43:57Z")

</div>

I thought we had the “puzzle piece” metaphor here, indicating that some items in the list are smaller pieces intended to fit into a larger whole.