Finding CSS selectors for page layout, user groups

Customization
1

Continuing the discussion from Discourse Doc Categories:

I don’t know if there’s an overall reference, but the browser’s Inspect tool can help dig them up: Making custom CSS changes on your site: Finding the right CSS selectors

Some selectors are listed in A little help with a CSS selector?:

  • is-staff
  • is-admin
  • is-moderator
  • is-new-user
  • group--primary_group_name

And the CSS Classes for Current User's Groups component gives the <body> tag classes for the logged-in user that you could target, like:

class="chat-enabled group-trust_level_0 group-trust_level_1 group-trust_level_2 group-trust_level_3" ... etc.
2 Likes
Discourse Doc Categories
2

Does this happen by default now? I thought you need to install CSS Classes for Current User's Groups for that.

5 Likes
3

oh wow, this looks like it’s going to allow me to do a bunch of things I’m thinking of (even if it’s going to require quite a little work on my side… at least it’s possible!!)

4

Whoops, yes, appears you need the component. Editing the post.

2 Likes