Blog Documentation Try Vanilla Cloud
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.
gdsstgdsst New
in Vanilla 2.0 - 2.8

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

    Warning There was an error rendering this rich post.
  • 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

  • gdsstgdsst New

    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?

  • 422422 Developer MVP

    !important ;)

    Warning There was an error rendering this rich post.
  • 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

    Warning There was an error rendering this rich post.
Sign In or Register to comment.