To see which CSS styles are responsible for the formating of an element, do one of the following:
- Open the template or site in a browser, and View Page source to see the names of the styles being applied to different elements on the page. Then search for these styles in the TPL for editing.
For example, if you wanted to change the formatting of the sidebar menu on this site, do a view source and search for the phrase "Look CSS". You will find that it is presented in the HTML as follows:
<tr><td class="navbutton" style="padding-left: 20px">
<a href="?section=523" class="navlink navbutton
navlinkcurrent navlinkcurrentbutton">Look CSS</a>
From this you might guess that the classes related to 'navbutton' and 'navlink' would be a good place to modify.