• Whenever I used to comment on my own blog entries they would be a different color and somewhere along the line it stopped working.

    I have this code added to my style.css:

    li.byuser {
    background: #f6f7f8;
    }

    li.bypostauthor {
    background: #DAC9E7;
    }

    Which I believe should control the different admin color? Anyone know why it stopped working?

Viewing 7 replies - 1 through 7 (of 7 total)
  • It really how you’re listing your comments and what, if any, other CSS is at work on your site. A link to one of your pages that includes an author comment might help.

    Thread Starter imwiththebandlq

    (@imwiththebandlq)

    https://www.band-geek.net/?p=801 Here’s a link to a page that contains an author comment (the last one)

    Your CSS would probably work but for the fact that there’s a problem with your theme. Where the various comment classes should be generated (including bypostauthor), I found the following:

    Warning: join() [function.join]: Invalid arguments passed in /f1/content/band-geek/public/wp-content/themes/k2/app/includes/info.php on line 735

    Thread Starter imwiththebandlq

    (@imwiththebandlq)

    .comments input[type=text], .comments textarea {
    	font-size: 12px;
    	padding: 3px;
    	color: #777;
    	}
    
    input[type=text]:focus, textarea:focus {
    	background: #fff;
    	color: #333;
    	border-color: #666;
    	}
    
    .comments form input[type=text] {
    	width: 45%;
    	margin: 5px 5px 1px 0;
    	}
    
    .comments textarea {
    	width: 100%;
    	margin: 10px 0;
    	}
    
    .comments form #submit {
    	float: right;
    	}
    
    #footer {
    	clear: both;
    	margin: 0 auto;
    	padding: 20px 0 40px;
    	text-align: center;
    	color: #777;
    	}
    
    #footer p {
    	line-height: 1.6em;
    	}
    
    #footer a {
    	color: #888;
    	border-bottom: 1px solid #ccc;
    	font-weight: bold;
    	}
    
    #footer a:hover {
    	border: none;
    	text-decoration: none;
    	color: #000;
    	}
    
    #footer .wp-version,
    #footer .k2-version {
    	display: none;
    	padding-left: 0.3em;
    	}
    
    .footerstats {
    	display: none;
    }

    This is what my code looks like starting from line 735, without the ” of course. bypostauthor isn’t even in there… this is what the whole comment section looks like:


    /*- Comments */

    .commentsrsslink {
    background: url(‘/wp-content/themes/k2/images/feed.png’) left top no-repeat;
    padding: 2px 0 2px 20px;
    margin-right: 10px;
    height: 16px;
    }

    .trackbacklink {
    background: url(‘/wp-content/themes/k2/images/arrow_refresh.png’) left top no-repeat;
    padding: 2px 0 2px 20px;
    height: 16px;
    }

    .commentsrsslink a, .trackbacklink a {
    color: #999;
    padding: 2px;
    }

    .nopassword {
    text-align: center;
    }

    #commentlist {
    margin: 10px 0 20px;
    position: relative;
    }

    #commentlist li {
    margin: 10px 0 0;
    padding: 10px 10px 5px;
    list-style: none;
    }

    #commentlist li .comment-content {
    font-size: 1.2em;
    line-height: 1.8em;
    }

    .comment-content p,
    .comment-content ul,
    .comment-content ol,
    .comment-content div,
    .comment-content blockquote {
    margin: 13px 0;
    }

    #commentlist li .comment-meta {
    padding: 2px 0 2px 20px;
    background: url(‘/wp-content/themes/k2/images/time.png’) left center no-repeat;
    display: block;
    }

    #commentlist li img {
    padding: 0;
    border: none;
    }

    #commentlist li .gravatar {
    float: right;
    margin: -5px 0 0;
    }

    #commentlist li .commentauthor {
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: -1px;
    }

    #commentlist li .counter {
    display: none;
    font: normal 1.5em ‘Century Gothic’, ‘Lucida Grande’, Arial, Helvetica, Sans-Serif;
    color: #999;
    float: left;
    width: 35px;
    }

    li.byuser {
    background: #f6f7f8;
    }

    li.bypostauthor {
    background: #DAC9E7;
    }

    li.bypostauthor blockquote {
    color: #333;
    background: url(‘/wp-content/themes/k2/images/quote.png’) no-repeat 10px 0;
    }

    #pinglist {
    font-size: 1.2em;
    padding: 0;
    margin: 10px 0 10px;
    background: #f6f7f8;
    }

    #pinglist li {
    margin-left: 40px;
    padding: 7px 0;
    list-style: none;
    }

    #pinglist li small {
    font-size: 0.8em;
    display: block;
    }

    #pinglist li .counter {
    display: none;
    }

    #pinglist li span.favatar img {
    margin-left: -25px;
    border: none;
    padding: 0;
    float: left;
    }

    #pinglist li img {
    padding: 0;
    border: none;
    }

    #leavecomment, .comments #loading, #comments-closed-msg {
    text-align: center;
    margin: 30px 0 20px !important;
    color: #ddd;
    font-size: 2em;
    letter-spacing: -2px;
    }

    .comments #loading {
    margin-top: 20px !important;
    }

    #comments-closed-msg {
    margin-bottom: 40px !important;
    }

    .comments #commenterror {
    display: none;
    line-height: 2.0;
    padding: 5px;
    color: #FF0000;
    background-color: #FFFF99;
    }

    .comments #commentload {
    display: none;
    padding-top: 3px;
    float: right;
    vertical-align: middle;
    height: 18px;
    width: 18px;
    background: url(‘/wp-content/themes/k2/images/spinner.gif’) center center no-repeat;
    }

    .comments form {
    clear: both;
    padding: 1px 0 10px;
    }

    .comments input[type=text], .comments textarea {
    font-size: 12px;
    padding: 3px;
    color: #777;
    }

    input[type=text]:focus, textarea:focus {
    background: #fff;
    color: #333;
    border-color: #666;
    }

    .comments form input[type=text] {
    width: 45%;
    margin: 5px 5px 1px 0;
    }

    .comments textarea {
    width: 100%;
    margin: 10px 0;
    }

    .comments form #submit {
    float: right;
    }

    #footer {
    clear: both;
    margin: 0 auto;
    padding: 20px 0 40px;
    text-align: center;
    color: #777;
    }

    #footer p {
    line-height: 1.6em;
    }

    #footer a {
    color: #888;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    }

    #footer a:hover {
    border: none;
    text-decoration: none;
    color: #000;
    }

    #footer .wp-version,
    #footer .k2-version {
    display: none;
    padding-left: 0.3em;
    }

    .footerstats {
    display: none;
    }

    No added CSS will work properly until you get the error I mentioned above sorted.

    Thread Starter imwiththebandlq

    (@imwiththebandlq)

    How would I go about fixing the theme? Reinstall?

    If you can, yes.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Admin comment color on blogs’ is closed to new replies.