Highlighting author's comments

[Jummul]

How do I highlight the author's comments? (how do I style the comment box anyway?)

As seen on my website http://www.acupoflife.nl the background is greenish. I'd like the comment box to have a white background and the author's comment to have a slightly different color as a background.

Anyway, I found this was doable with CSS classes as follow - which would style the author's comments in white.

.commentlist .bypostauthor {
	background: #fff !important;
}

.commentlist li ul.children li.bypostauthor {
	background: #fff !important;

}

But this doesn't seem to work, probably due to Genesis? How is this doable in Genesis? I'm working on the Pretty Young Thing theme 🙂

http://www.acupoflife.nl

[Debra Scott]

try this

.comment .bypostauthor p {
color: #fff;
}
.comment .bypostauthor {
background: #000 !important;
color: #fff;
}

---

need help with your business or personal website? Contact me at Fat Cat Designs

[Jummul]

Works amazing! Thanks so much, I can handle it from here. Just one thing: what's the difference between bypostauthor 'p' and bypostauthor?

[Debra Scott]

p targets the paragraph ie what you posted

---

need help with your business or personal website? Contact me at Fat Cat Designs

[Jummul]

Ah, thanks! Really helped me on this one.

But I seem to be unable to style the author comments like I want.

I added:

.comment .bypostauthor {
background: #FFE9D6;
border-style: dotted;
border-width: 1px;
border-color: #FFBC82;
}

This works amazing for when my comment is a reply to someone else, but what if my comment is a comment to the post directly? It is then styled exactly as all the other comments.

[Debra Scott]

can you show me an example?

---

need help with your business or personal website? Contact me at Fat Cat Designs

[Jummul]

I've made a test page here:

Uitslagen enquête A Cup of Life

You can logon with the password 'test' to view the comments. 'Shifra' is the admin user and author of all the websites posts.

[Debra Scott]

try this

.comment-author-admin.bypostauthor,
.comment .bypostauthor {
background: #FFE9D6;
border-style: dotted;
border-width: 1px;
border-color: #FFBC82;
}

---

need help with your business or personal website? Contact me at Fat Cat Designs

[Jummul]

Works like a charm! Thanks a LOT! Too bad this forum doesn't have Karma.

[Debra Scott]

You're very welcome!

---

need help with your business or personal website? Contact me at Fat Cat Designs

[Author]

Posts