Styling all the elements of the comment box via CSS inserts
Flynn, I'd like to be able to change the style of everything in the comments box.
By inspecting the elements with Firebug, I was able to change the color of the 'comment' words. I always just change the color so that with my very limited knowledge of HTML, I know that I have the correct syntax and variable in my CSS inserts box I add other things as I go along like the font size etc. Using Firebug, I was able to decipher that it was the tag 'p' and by looking at the side column in Firebug under the Style tab, I could see that it was ul.commentlist li p. So being a genius (cough, cough) I inserted this in my CSS inserts: ul.commentlist li p { color: #cc0066; } and lo and behold, job done. Feeling really good now, I tried to change the color of the Reply link. Stuck. I couldn't work out what I had to use. Picture me with many tears. See attached file for what the Firebug window looked like. So, once and for all so that I stop bugging you, can you please tell me what I need to insert in the CSS Inserts panel to adjust (looking at Comment No. 2 for example) in the attached image the: 1. The author of the comment (perdox) 2. The part that styles the 'says' word. 3. The date. 4. The word 'edit'. 5. The link 'Reply'. Thanks again Flynn. |
1. The author of the comment (perdox): span.retaggrCard { ... }
2. The part that styles the 'says' word: span.says { ... } 3. The date: div.comment-meta { ... } 4. The word 'edit': As someone who isn't logged in I cannot see the class of this. You should be able to see it in Firebug 5. The link 'Reply': div.reply { ... } Note to other readers: Looks like the comments file was replaced with the default WP comments file here. These changes do not apply to a default Atahualpa installation |
Flynn, you're a marvel. I'm getting the hang of this now. That firebug thing is great. Will let you know if I can't get the 'edit' text to work.
If you solve my other problem about the background of the author comments, I'll be as happy as a pig in pooh! PS. Did the donation come through yet? I just sent it. Thanks again. |
1 Attachment(s)
Thank you so much Flynn. Everything worked except: the (Edit) part.
I have attached a screenshot of firebug. If you need to log in, the following username and password is what I am using for testing purposes: <... removed password ...> Thanks in advance. I did try: div.comment-meta, comment-edit-link a:link { color:#CCCC00; } div.comment-meta, comment-edit-link a:hover { color:#CCCC00; } div.comment-meta, comment-edit-link a:visited { color:#CCCC00; } but it didn't work. |
I doesn't seem to be enclosed in its own DIV or SPAN. But you'd be the only one seeing that link anyway.
|
Flynn,
I've got all my hover links the way I want them ... except for the Comment box hover links ... <date and time> and Reply come up a bright red ... which contrasts rather sharply with the rest of the theme scheme. Quote:
Thanks in advance. |
Whooops. The navigation hover link colors (Next/Prev Navigation) are bright red too. I need them to be more along the lines of: #0000FF (a strong blue).
Thanks in advance. (Getting down to the fine details now.) |
Neeevvveeerrr mind. ...
After getting some sleep, I found it in an area I hadn't spent much time in ... ATO --> "Body, Text & Links". Quote:
Thanks for a great theme, Flynn. ... It's just a matter of learning it. :o |
All times are GMT -6. The time now is 07:46 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.