Basic Question: Where to put the CSS per role?

gdsst

I am new to vannila and using this plugin. I see no specific menu for this plugin and having hard time figuring out where to put the CSS on specific role. A little help here please on how to change and/or to put the CSS

422

your theme > design > custom.css add rules in there , vanilla picks it up automatically.

You may need to add !important to some of the attributes

if you dont have a views folder create it in your theme folder
if you dont have a custom.css file create it and place in your views folder

gdsst

@422 said:
your theme > design > custom.css add rules in there , vanilla picks it up automatically.

You may need to add !important to some of the attributes

if you dont have a views folder create it in your theme folder
if you dont have a custom.css file create it and place in your views folder

ah, so this goes into the custom.css as well,

but how can I make specific role CSS on one CSS file?
do I need if statement? or do the specific role has specific CSS class?

Update:

nevermind, I got it from other discussion, now off to try the CSS

gdsst

I tried this CSS rule, but no luck

Item.Comment.Alt.role-administrator.MessageList.Meta.Author { color: #C91010; background: #eee; padding: 1px 4px 2px 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

I even tried the same CSS from the example, still no luck

.Role_Administrator .Comment .Author .Username { color: #0F5DA0; background: #eee; padding: 1px 4px 2px 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

anything i missed?

422

!important

vrijvlinder

If you could link us we could find the answer much faster.

you can try to add it like this but it is just a guess from my crystal ball

.Box dl dt dd.Role_Administrator{
color: #0F5DA0!important; background: #eee!important; padding: 1px 4px 2px 4px!important; -moz-border-radius: 2px!important; -webkit-border-radius: 2px; border-radius: 2px!important;
} 

gdsst

@422 said:
!important

what is !important ?

@vrijvlinder said:
If you could link us we could find the answer much faster.

you can try to add it like this but it is just a guess from my crystal ball

.Box dl dt dd.Role_Administrator{
color: #0F5DA0!important; background: #eee!important; padding: 1px 4px 2px 4px!important; -moz-border-radius: 2px!important; -webkit-border-radius: 2px; border-radius: 2px!important;
} 

link to my forum?
I'll try your suggestion later after my work is done

422

leave space after the class attribute. like color:#000 !important

!important signifies to the page that this asset should be used whilst the same asset without !important is over ridden