Table of Contents


Before asking for help
Stylesheets
Changing styles

You should have Internet Explorer (IE6 and IE7), Firefox and Opera installed on your PC and view your changes with each of the browsers. Some style elements will yield different results on each browser and your pages may not look very good in a particular browser if you don’t tweak the styles.

After changing the stylesheet you should vaildate it at: http://jigsaw.w3.org/css-validator/ to catch any errors.

Before asking for help

To find the name of a style you want to change, browse to the TalkBack test page http://yoursite.com/talkback/test.php. Enter a comment. Enter a reply to that comment. Copy some text from the rendered page of the element you want to change. Use your browser’s view source command to display the HTML source code. (Firefox: Ctrl+U, Internet Explorer: View menu > Source). Use the find command on the view source page to find that text. The style id or class name will be nearby.

The Stylesheets

my-styles.css (the file you created by copying style.css is the primary stylesheet for comments templates.

styleIE.css and styleOpera.css contain entries that override the primary styles for those browsers.

admin/admin.css contains styles for the admin panels. But a number of the admin scripts have override and supplemental styles inside a <style> tag so I don’t recommend trying to restyle the admin panels unless you have plenty of spare time.

Changing Styles

I recommend you make at least some basic changes to match the appearance of your site. Such changes would include: comment and form widths, fonts, comment header background color, form background and border colors.

The best way to go about changing styles is to use your browser’s menu command to view your page source. That will show you the HTML stripped of all PHP making it relatively easy to pick out the CSS id and class names for each of the page’s HTML elements.