[FONT="]Hi,
ich hab gerade ein schönes Theme installiert und dort die Optik der Kommentare per CSS etwas angepasst. Jetzt würde ich gerne noch die des Verfassers (Authors) durch einen anderen Background etwas hervorheben. Leider mag dies nicht gelingen.
Egal wo ich den Code in die CSS - Datei einfüge es klappt nicht:
[/FONT]
Code
[FONT="].bypostauthor {
display:block;
background:#efefef;
border:1px solid #ccc;
padding:5px;
margin-top:25px;
}
[/FONT]
[FONT="]Der Kenner erkennts sicher sofort - ich bin kein Profi :D Könnte mir jemand helfen?
CSS Code für die Kommentare:
[/FONT]
Code
/* COMMENTS */
h3#comments,
#respond h3 {
font-weight: bold;
font-size: 1.286em;
padding: 0 0 5px 0;
border-bottom: 1px dotted #898989;
}
.comment-body {
position: relative;
}
.comment-body .reply {
position: absolute;
top: 0;
right: 0;
}
.comment-body .reply a {
text-transform: uppercase;
font-weight: bold;
font-size: .857em;
color: #ff7600;
}
.comment-author {
font-size: 1.286em;
font-weight: bold;
color: #000;
}
.comment-author .comment-date a {
font-size: .7em;
font-weight: bold;
color: #898989;
}
.commentlist li {
margin: 0 0 1.5em;
background: #f5f5f5;
border: 1px solid #dfdfdf;
padding: 10px;
}
.commentlist li#blank {
visibility: none;
background: none;
border: none;
padding: 0;
}
.children li {
padding-bottom: 0;
}
.commentlist li li {
padding: 10px 0 0 0;
border: none;
border-top: 1px dotted #898989;
}
.commentlist ul.children {
margin: 0 0 0 1.5em;
padding: 1.5em 0 0;
}
.comment-avatar {
float: left;
margin: 0 10px 0 0;
border: 4px solid #c5c5c5;
width: 72px;
height: 72px;
}
.comment-content {
float: left;
width: 500px;
}
.children .comment-content { width: 480px; }
.children .children .comment-content { width: 460px; }
.children .children .children .comment-content { width: 440px; }
.children .children .children .children .comment-content { width: 420px; }
.children .children .children .children .children .comment-content { width: 400px; }
#commentform textarea,
#commentform input {
border: 1px solid #898989;
padding: 4px;
}
#commentform label {
text-transform: uppercase;
font-weight: bold;
font-size: .857em;
color: #898989;
padding: 0 0 0 5px;
}
#commentform label span {
font-weight: normal;
font-style: italic;
font-size: .8em;
}
#commentform textarea {
width: 612px;
}
#commentform input#submit {
border: none;
text-transform: uppercase;
font-weight: bold;
color: #fff;
letter-spacing: 1px;
padding: 5px 8px 4px 8px;
cursor: pointer;
background: #ff7600;
}
Alles anzeigen