JR Chat Icon
Using Jamroom
The Firefox dev tools make it really easy to see what CSS is being applied to what sections:
1) Tools -> Web Developer -> Toggle Tools
2) Click the "Inspector" tab in the developer tools
3) Click the icon on the VERY FAR left of the tabs - it's a small square with a cursor pointer (see the red box in my screenshot)
4) Click on the website what it is you want to inspect - i.e. a button, chat pane, etc. You'll see as you move your mouse around it "highlights" the sections of the code source.
5) after clicking on something you'll see the CSS RULES get loaded on the right. You can then see what is overriding stuff, make changes, play with stuff, etc.
Spend 5 minutes in it and you'll see how it can quickly help identify issues on your site.
updated by @brian: 12/30/16 01:27:29PM