In your layout.css down the bottom just before archives/subcontent is a little section titled, rather aptly, FORMS.
There you’ll find ALL css styling for your contact & comment sections (ie: comment FORM & contact FORM) For the most part, the author styled the form & some form elements generically, as in no specific id’s were issued to make global styling easier. Otherwise, they’re easy to locate #commentform or #contactform
You can tweak all you like – button, textarea and input id’s are all noted. Additionally, when you open your comment.php, comment-popups.php AND your blank contact page, you’ll find the html down the bottom, a bit like this…
<form>
<fieldset>
[p]<label>Name</label><input type=”text” name=”author” id=”author” value=”<?php echo $comment_author; ?>” tabindex=”1″ />[/p]
[p]<label for=”email”>Email</label> <input type=”text” name=”email” id=”email” value=”<?php echo $comment_author_email; ?>” tabindex=”2″ /> <?php if ($req) echo "Required, "; ?>hidden[/p]
[p]<label for=”url”>Url</label><input type=”text” name=”url” id=”url” value=”<?php echo $comment_author_url; ?>” tabindex=”3″ />[/p]
[p]<label for=”comment”>Comment</label> <textarea name=”comment” id=”comment” cols=”45″ rows=”10″ tabindex=”4″></textarea>[/p]
BUTTONS:
[p]<input type=”hidden” name=”comment_post_ID” value=”<?php echo $id; ?>” /><input type=”submit” name=”submit” value=”Submit” class=”button” tabindex=”5″ />[/p]
</fieldset>
If you want to keep the present styling on your contact form, but change it for your comment section, you can by simply changing the #id / .class of your ‘submit’ to anything you like (ie: class=”commentbutton” and then add the new .class to your layout.css and tweak away 🙂
The best thing about wordpress is you can play with your theme and in the process get to know how things work. Half the fun is finding, designing and altering existing html to output the design the way you want it to display.
Kate
