I believe it’s the single.php page – please correct me if I am wrong
But I do not see the ‘comment-2’ id or the ‘comment-body’ class and so on
I’ve searched everywhere for these ids and classes. Can anyone steer me in the right direction?
The strange thing is that the div ‘comment-2’ id or the ‘comment-body’ class are not in my css file. I used Firebug and saw these styles. Any idea what page I would open to edit the css on the blog page with comments?
well…your link is password protected…no way to look
(dope slap) username is testsite and pw is nswd2009 sorry about that
looks like yopu would either edit or add the classes referenced. The div id is dynamic, but the classes remain the same.
So find or add:
.fn {color: #whatev;} to change the person logged in
and
.comment-meta commentmetadata {color: #whatev;} will do the link that is in date format
.comment-reply-login {} will cover the log in to reply business
If these are not in your style.css or whatever css sheet you are using, you should still be able to add them to your stylesheet and have them work. That’s how I style my plugins/widgets (in my theme css rather than the plugin css, so I don’t lose changes on updates)
(Please make backups first…and keep in mind, I’m no expert, I’m just giving you the process I would follow)
Thanks – I’ll try it.
So instead of changing the id and class names – just change the style and add it to the style sheet? Should have thought about that myself – thanks for the help
adding the bubble behind the ‘2 comments’ area is a bit harder…not sure I’m the guy to explain it….
I would wrap your whole comments section in a div in single.php (unless you are using a plugin for your comments)
so like
<div id="comments">
<?php comments_template(); ?></div>
(or however you call to your comments)
then in your source, your ‘2 comments’ thing is wrapped in <h2>
tags
so
#comments h2{
background:url(images/bubble.jpg);
}
goes into your css. (assuming you’ve made an image just the right size called bubble.jpg and put it in a folder called images in your theme.
You may have to add width/height properties into your css, along with margin/padding stuff to align, but I’m just giving you the concept here……
I hope I’ve given you something to work with and not totally confused you
whenever I’m trying to style stuff on my site, I just look at the source code in my browser, see what class names are being applied consistently to whatever I’m trying to style, and add the css to my themes stylesheet…..hasn’t failed me yet
Great advice! Thanks again. In fact, I’ve started using the CSS Editor extension and Firebug for Firefox
that makes it easier! (I end up doing half my css at work, where I’m limited to IE only…bleh)