Using the example above open it up in FireFox and the RIGHT CLICK on the area you want to change and then a menu will pop up. Then click on INSPECT ELEMENT. It will show you two columns. The right column is the CSS for that page. You can test it out right in the right column by changing something, and it will change the screen in real time. This way you can test stuff out on your webpage or someone else without actually editing the website. Caution though...when you add CSS to your CSS file it can affect that page, and it may affect another page that uses that CSS call/element. Example: Say you have light Grey font on a white background and you make it black. Well if there is another page on your site that uses that same call for the font color and you change it to black. But on this page, the background is already black...then you won't see the text at all. It doesn't happen very often in phpfox though. Just make sure to write down exactly what you changed and for what page/location and for why. This way if you do change something, and later on you find another page is having an issue you can search for that call in your records. If you find it, then you can test it or change in using inspect element and see if you can find a better choice. Like in this example...maybe red font which will show up against black as well as a white background. Look up on youtube for INSPECT ELEMENT to learn more.

Using the example above open it up in FireFox and the RIGHT CLICK on the area you want to change and then a menu will pop up. Then click on INSPECT ELEMENT. It will show you two columns. The right column is the CSS for that page. You can test it out right in the right column by changing something, and it will change the screen in real time. This way you can test stuff out on your webpage or someone else without actually editing the website. Caution though...when you add CSS to your CSS file it can affect that page, and it may affect another page that uses that CSS call/element. Example: Say you have light Grey font on a white background and you make it black. Well if there is another page on your site that uses that same call for the font color and you change it to black. But on this page, the background is already black...then you won't see the text at all. It doesn't happen very often in phpfox though. Just make sure to write down exactly what you changed and for what page/location and for why. This way if you do change something, and later on you find another page is having an issue you can search for that call in your records. If you find it, then you can test it or change in using inspect element and see if you can find a better choice. Like in this example...maybe red font which will show up against black as well as a white background. Look up on youtube for INSPECT ELEMENT to learn more.

Very helpful guide. We can also use Chrome or Safari. These browsers also support inspecting HTML elements very well.