When you click on comments on my page, it says "One" besides my post's title. Where is that coming from and how do I get rid of it?
Site: BrittanyWigand.com
Theme: Silver Dreams
When you click on comments on my page, it says "One" besides my post's title. Where is that coming from and how do I get rid of it?
Site: BrittanyWigand.com
Theme: Silver Dreams
i guess it`s a little bug in the template code.
the author of the template wanted to show how many comments there are in an article.
in this article you have 4 comments:
http://brittanywigand.com/?p=89#comments
and it says "4"
the "one" text should be in fact "1".
you need to find and edit the sourcecode of the template to correct this.
The full text is
One Response to “I just watched Sex & the City…”
but some of the CSS must be messed up. Have you edited the stylesheet or the template at all? I just threw a copy of Silver Dreams in my sandbox and it doesn't display that text the way it does on your blog. That 'One' should be right before 'Response' just above the comments, where it makes more sense.
you are right, i should have checked the code.
same text ( 4 Responses to “I love how there’s absolutely nothing you can do…”) is also in the page with 4 comments.
definitely a CSS error somewhere
Do you have any idea of where it is in the CSS? Here's what comes up for comments:
div.comment_part {
margin-left:10px;
padding-left:15px;
}
h3#comments {
padding:18px 48px 18px 0px;
background:transparent url("images/comment_big.png") no-repeat center right;
}
ol.commentlist li {
background:#eee;
border-top:1px solid #ddd;
border-left:5px solid #ddd;
padding:10px;
}
ol.commentlist li.alt {
background:#ebebeb;
border-top:1px solid #ddd;
border-left:5px solid #ddd;
padding:10px;
}
ol.commentlist img.avatar {
border:2px solid #ccc;
width:32px;
height:32px;
background:transparent url("images/user.png");
display:block;
}
cite.comment_author {
color:#c00;
font-family:'Arial';
text-transform:capitalize;
font-style: normal;
}
em.awaiting_moderation {
color:#c00;
display:block;
background:#ccc;
padding:3px;
font-size:8pt;
border:1px solid orange;
margin:0px;
}
small.commentmetadata,small.commentmetadata a {
color:#666;
background:#eee;
padding:3px;
}
#commentform input[type="text"] {
background:#fff;
border:1px solid #eee;
color:#444;
padding:3px;
font-family:Arial;
}
#commentform textarea {
background:#ddd;
border:1px solid #eee;
color:#444;
padding:3px;
font-family:Arial;
overflow:auto;
width:500px;
height:350px;
}
#commentform input[type="submit"] {
background:#ddd;
padding:6px;
border:1px solid #eee;
color:#444;
cursor:pointer;
}
#commentform input[type="submit"]:hover {
background:#eee;
padding:6px;
border:1px solid #fff;
color:#666;
cursor:pointer;
}Give h3#comments a width equal to your .post-- 600px.
Alternately you could increase the width (or add a margin) of .post until the comments header no longer wraps around it.
Thanks. <3333
This topic has been closed to new replies.