1. Download Web Developer extension for FireFox here
2. Install & restart FireFox. You should see an additional bar right above the tabs.
3. Select Information > Display Element Information
4. Move your mouse/hover around the page and you should see the CSS tags for each page element is displayed just below the Web Developer bar. This allows you to see which class or ID control an element and what is the hierarchy. Once you get the ID, you can look for it in the CSS file and make the changes.
5. If you click on an element, its information is displayed in the yellow box on the left.
- 2 Users Found This Useful
