Finding CSS selectors for page layout, user groups

Development
1

Continuing the discussion from Discourse Doc Categories:

:information_source: Below is an answer added to OP before making Steph the topic owner. – @ToddZ

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

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

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.

5

I’m a bit confused, why am I suddenly the topic owner of something I didn’t write?

6

I goofed, Steph. I really should have moved the subject a different way, and in trying to fix it I made things more confusing. I’ll see if we can revert that.

7

Ah, no worries! Will go back to catch my last hour of sleep while you try and shuffle things around!