Formatting the Comments Form and Output

We enabled the Comments functionality earlier, let's now set the look and feel. The Comments in the default Zen theme are shaded a light blue, consistent with the Zen color scheme. For Tao, we want to make things a little more conservative, a little more somber, so we will change that to a light gray and also apply our font selections.

Make the following changes to the selectors, below:

.comment {

margin: 0 0 l0px 0; padding: l0px; background: #flflfl;

.comment h3.title, .comment h3.title a { font-size: l22%; color: #666; font-weight: normal;

font-family: Verdana, Arial, Sans-serif; margin-bottom: 3px; margin-top: 0;

.comment .new { color: #FFC600; font-weight: bold;

font-family: Arial, Verdana, Sans-serif;

If what you see on your screen at this point is not largely similar to the image at the end of the chapter, odds are you have missed commenting out a selector; go back and check the style sheets in the tao/ directory to make sure you deleted or commented out the proper selectors.

Was this article helpful?

0 0

Post a comment