Backgroud/font color "staff post"

vhaeriel

Hello it's me again
I try to search how to make an staff post (ou group i select in administration) to had custom background colo-image/font color
Like Blizzard forum
I don't know what css to modify, or if an extension already exist for it

Tutrix

vhaeriel
To my knowledge, there are currently no extensions for this.
You can use Color Circles for Groups to highlight the avatar.

For customization via CSS, the class for the group is missing in “PostStream-item” or “Post-body.”

For example:
class="item-group1"

So currently there is no option for a group-specific CSS change.

If Color Circles for Groups is not enough for you, you could make a request under https://discuss.flarum.org/t/proposals.

vhaeriel

Tutrix

Thanks for the reply
So, i've try a little trick (and that works) and share here :
"Admin" group is mostly time group id => 1
You can check that with inspect element on the group you want some special background

<div class="Badge Badge--group--1 text-contrast--light" style="--badge-bg: #B72A2A;" title="" aria-label="Admin" data-original-title="Admin"><i aria-hidden="true" class="icon fas fa-hammer Badge-icon"></i></div>

For this example, group admin is id 1

You just need to do custom css, and add :
.Post:has(.Badge--group--1) { border-left: 6px solid #B72A2A !important; background: rgba(0, 0, 0, 0.35) !important; }
(For my example, that add a red left bar to the post, feel free to customize it !)

Tutrix

vhaeriel

Okay, the badge
.Post:has(.Badge--group--1)

I hadn't even thought of that,
but it's great that you found this solution. 😉