XF 2.1 Display styling priority with custom css? (extra.less)

[Skyrider]

Want to add additional CSS code into the file that obeys the Display styling priority. Anyway to do so? If possible that is.

 

[Skyrider]

Help is appreciated

 

[Russ]

Could you explain a little more what you're after or what you're trying to achieve?

 

[Skyrider]

Sure thing.



Some CSS adjustments were made to give the left side bit profiles a bit more of a touch as you can see. I've highlighted the username as the color is given obviously from a usergroup with a higher priority, but the customized CSS is using the primary group (green colors), rather than the Display styling priority. I've read that registered should remain as a primary group, as such wanting to adjust it to use Display styling priority instead. Still looking into it how this can be done best.

 

[Russ]

So by default when you put CSS inside the usergroup "username styling css" like:

color: red;

It'll output something like this:

.username--style24 {
    color: red;
}

If you have other CSS that is overwriting it, you could just add a !important to the color:

.username--style24 {
    color: red !important;
}

Is that what you mean?

 

[Skyrider]

Thanks for replying

I'd like that the custom CSS code within extra.less (which is giving the green colors) to abide the role Display styling priority rather than using the primary usergroup.

/* usergroup 57 = staff */
.message-cell.message-cell-usergroup-ready-57{
border-left:5px solid #d80000;
background-color:#f9e5e7; /border color, 10% on white/

^ Only works on the primary usergroup. How does the Display styling priority work in roles so I can adjust/include the above CSS code accordingly for it to follow it? So it would follow:

 

[Skyrider]

Help is still appreciated it , feeling like if a post gets pulled back pages further, it'll never get replied to anymore.