Support » Themes and Templates » Different style for comment by post author in twentytwelve & CSS3 tip

Different style for comment by post author in twentytwelve & CSS3 tip

Viewing 11 replies - 1 through 11 (of 11 total)
  • [1] styling comments:

    [2] title in IE9
    Hmm… can you please post the your css for the title or better a link to the site?

    Hi egado,

    The site is http://mydoctortells.com/

    I appreciate your prompt reply.

    I began with wpbeginner.

    I however, didn’t find

    .commentlist li ul.children li.comment-author-admin {}

    this in twentytwelve style.


    h1 {
      	text-shadow: 0 1px 0 #ccc,
                   0 2px 0 #c9c9c9,
                   0 3px 0 #bbb,
                   0 4px 0 #b9b9b9,
                   0 5px 0 #aaa,
                   0 6px 1px rgba(0,0,0,.1),
                   0 0 5px rgba(0,0,0,.1),
                   0 1px 3px rgba(0,0,0,.3),
                   0 3px 5px rgba(0,0,0,.2),
                   0 5px 10px rgba(0,0,0,.25),
                   0 10px 10px rgba(0,0,0,.2),
                   0 20px 20px rgba(0,0,0,.15);
    widget-area {
    	margin: 24px 0 0;
    	margin: 1.714285714rem 0 0;
    .site-header h1 a {

    I have above code in twentytwelvechild theme style.css
    Any leads?

    Try this (just for testing) in your child theme style.css

    .commentlist > li.bypostauthor {
        background: red;

    This should create a red background for author comments.

    text-shadow IE9


    As you can see, IE9 does not support css3 text-shadow, so you will need a fallback for IE < 9

    Thank you egado.

    The code you gave isn’t showing red background.

    Has it something to do with ‘specificity’?

    IE 9 shows text shadow for my ‘Post title’.

    (If you don’t mind asking your site egado.de doesn’t open. Is there some magic entrance?)

    Thanks for you prompt support.

    Ashok Koparday

    Hmmm… have a look at this screenshot I made from it:

    No idea for the IE9 problem at the moment (no time for further testings) 🙁
    My IE9 dont shows text-shadow

    I know 🙂 there is nothing more then this “coming soon” site 😉

    Thank you egado for your valuable time and expertise.

    Egado, I am not able to get the same effect. Not only that, but my firebug does not show the code that you can see.

    Firefox http://media-cache-ec3.pinimg.com/originals/27/50/e2/2750e28812238a4c9d7b628e0f0ec4af.jpg

    chrome http://media-cache-ec4.pinimg.com/originals/17/9d/b3/179db36cb058dd476b86a7776cbfbcaa.jpg


    Thanks again for sparing time.
    Ashok Koparday



    Forum Moderator

    can you post a direct link to a post with a comment by the author?

    the default Twenty Twelve theme adds the css class .comment-author-admin and .bypostauthor to a comment by the post’s author; you can use that to style the comments different.

    if this css class is missing in your site (using a child theme) this might be caused by a plugin (?)

    Thank you for sparing your precious time.

    This post has comments

    There is no .comment-author-admin in twentytwelve style.css.

    When I change css to this class
    .comments-area li.bypostauthor cite span {
    it does not take any effect.

    However, with the class below I could change the margin.
    .comments-area article header time {

    Kindly guide.

    Dr. Ashok Koparday



    Forum Moderator

    when you are commenting or replying to a comment, are you sure you are logged in under the same account as the post author? or as admin?

    to check if one of the plugins is interfering, temporarily deactivate all plugins to see if that changes anything.

    I ran a test with a unedited Twenty Twelve, and the comment replies by the post author/admin are getting the mentioned css classes; I am therefore at my end of suggesting any remedy.



    I will reconfirm if the comment replies have been done when logged in.

    You are saying that I should be getting
    .comment-author-admin and
    .bypostauthor classes and style attributes applied to them should show up. I need to check the plugins. Okay.

    CSS 3 for site title does not show on Internet Explorer 9. IE 9 displays CSS 3 on other classes.

    Is it because of ‘specificity’, meaning in the cascading style the main id attributes override other classes below it? Or is it something else?

    Thanks for your attention and reply.

    Dr. Ashok Koparday

    Thank you alchymth.

    Thanks egado.
    alchymyth, you are right. All the comments have not been posted by me when logged in.

    Those comment replies posted as post author could be styled only with this.

    .bypostauthor {
    background-color: #fbfbfb !important;

    IE 9 browser is showing all CSS 3 except the site title. Any ideas on that?

    Thanks for your time and expertise.

    Dr. Ashok Koparday

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Different style for comment by post author in twentytwelve & CSS3 tip’ is closed to new replies.