Discovering, Modifying, and Designing Themes - Tumblr - page 108

Locating an element's class or ID
To customize the look of a particular element, first you need to determine the CSS se-
lector (tag, class, or ID) for the element you want to change. After you identify the CSS
selector, you can locate it in the CSS section of your theme's code, and add to, delete, or
edit that selector's style declarations.
To help you find any particular CSS selector in your theme, look no further than your
own browser. Most browsers offer free CSS inspection tools and plug-ins. While they all
work in the same general way, each has its own user interface and functionality. Be sure
to consult your particular browser's help files for assistance.
Here is some general information about the most popular browser CSS inspection tools:
Firefox: Download and install the Firebug or InspectThis Add-on to your copy of
Firefox. After the add-on is installed, right-click the element you want to change
and then select Inspect Element.
You can download Firebug at http://getfirebug.com/html or get a
copy of InspectThis from https://addons.mozilla.org/en-US/firefox/
addon/inspectthis/ .
Chrome: Right-click anywhere in your browser window and select the Inspect Ele-
ment option from the context menu. This opens the Inspect Elements panel at the
bottom of your browser window. You may then hover your cursor over the HTML
in the code area of the Inspect Element panel to identify the class or ID of an ele-
ment in the preview pane above. Figure 9-6 shows an example of what that might
look like.