Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Basic Question: Where to put the CSS per role?

This discussion is related to the Role Titles addon.

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

Comments

  • 422422 Developer MVP
    edited February 2013

    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

  • gdsstgdsst New
    edited February 2013

    @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

  • 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?

  • vrijvlindervrijvlinder Papillon-Sauvage MVP

    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;
    } 
    
    
  • gdsstgdsst New
    edited February 2013

    @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

  • 422422 Developer MVP

    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

Sign In or Register to comment.