Problem identifying css classes

Well we are all no hyper nerds in knowing everything about a theme.
We simply use tools that show us the info about a website.
One of the first tools was that brilliant firebug plugin (first for firefox – later there are versions for other browsers too) – nowadays a lot of modern browsers have such tools implemented.
Usually you can reach those tools via the context menu of your mouse.
Show on the wanted piece of your website – call the context menu (if you got a more than one button mouse – commonly the right mouse button) and navigate to “inspect” or “inspect via firebug” in my case. Sorry i dont know if it is called inspect because i got a german browser so for me there is “Element untersuchen”
here is a good articel about why it is important to use such tools. Here

you see in that screenshot – i have called the info about the main nav list point “headers” (colored arrows) and on the left side you can see the html structure. On the right side there is the css code. Very nice – if you click on the right side (where css part is written by me) an click there right mouse button you can virtually ad new css rules. etc.
Click on the image You see that f.e. the id of this third list point of main nav is #menu-item-1561 – you can inspect on the right side where this element gets his outlooking from and from whom it has inherited his css rules. so if you want to change the color of the font f.e. you have to scroll down this right side and find the rule of color. etc. pp

• This reply was modified 8 years, 8 months ago by Guenni007.