Highlighting author's comments

Community Forums Forums Design Tips and Tricks Highlighting author's comments

This topic is: resolved

This topic contains 9 replies, has 2 voices, and was last updated by  Debra Scott 1 year, 3 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #52999

    Jummul
    Participant
    Post count: 40

    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
    #53050

    Debra Scott
    Moderator
    Post count: 132

    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

    #53091

    Jummul
    Participant
    Post count: 40

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

    #53093

    Debra Scott
    Moderator
    Post count: 132

    p targets the paragraph ie what you posted


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

    #53183

    Jummul
    Participant
    Post count: 40

    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.

    #53192

    Debra Scott
    Moderator
    Post count: 132

    can you show me an example?


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

    #53210

    Jummul
    Participant
    Post count: 40

    I’ve made a test page here:

    http://acupoflife.nl/uncategorized/test/

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

    #53309

    Debra Scott
    Moderator
    Post count: 132

    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

    #53326

    Jummul
    Participant
    Post count: 40

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

    #53368

    Debra Scott
    Moderator
    Post count: 132

    You’re very welcome!


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

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Highlighting author's comments’ is closed to new replies.