Using CSS to style headers based on roles

orangesmasher221

As seen in the picture below, I am looking to make the header for users in authority (such as admins, moderators, "techies", etc.) have a different color header in a post so that when they post, they are more easily recognized for answers. I am using the role titles plugin to do this. Any help will be greatly appreciated!

hgtonight

The Role Titles plugin adds a CSS class representing roles to the list item. Right click on the element to see it. Once you have the specific class name, it is as simple as adding your CSS rules to change the colors. E.g.:

.Role_Administrator {
  background: green;
}

orangesmasher221

@hgtonight said:
The Role Titles plugin adds a CSS class representing roles to the list item. Right click on the element to see it. Once you have the specific class name, it is as simple as adding your CSS rules to change the colors. E.g.:

.Role_Administrator {
  background: green;
}

So I would just have to make that an adjoining class with .Item-Header?

hgtonight

Use your web inspector to figure out your selector.

orangesmasher221

@hgtonight said:
Use your web inspector to figure out your selector.

Thanks! It turns out that it was Item-Header as an adjoining class with my role. Thanks!