Change “No comments” to something else in Mistylook?

• 

  guyscharf · Member · Dec 3, 2008 at 9:38 pm

  • Copy link
  • Add topic to favorites

  I am using the Mistylook theme on a new blog (http://guyscharf.wordpress.com). Blog entries say “No comments” at the end, which is fine for me as the author to see if there are any comments but not so good for naive readers who don’t recognize that as a link that is an invitation to comment.

  Is there any way for me to change the “No comments” string to something like “Add comment”? Maybe just change “No” to “Add”?

• 

  devblog · Member · Dec 3, 2008 at 10:41 pm

  • Copy link

  You could using the “after” pseudo-class if you had the CSS upgrade, however, those using IE6 wouldn’t see it.

• 

  guyscharf · Member · Dec 5, 2008 at 6:51 pm

  • Copy link

  I found a description of using “after” but I could not see how to use it for changing “No Comments” to something else. My trials either did nothing or messed things up totally. Could you provide an example?

• 

  devblog · Member · Dec 5, 2008 at 7:45 pm

  • Copy link

  Okay, for this to work you must have the CSS upgrade, otherwise it won’t work.

  After seeing your source code, I saw that you’ll need more than just the “:after” pseudo class. You will need to use “attribute selectors” as well.

  Since we can’t really replace the content itself, we can add more text to it to make it more “descriptive”. Try this:

  #content .post-info a[href$="#respond"]:after {content: " Be the first";}

  You need to add this code right after the “#content .post-info” declaration.

  What that code does is that it will add “Be the first!” to the “Comment >>” text, so, it’d read like this:

  No Comments » Be the first!

  Again, this won’t be visible to those using IE6.

  HTH

• 

  guyscharf · Member · Dec 6, 2008 at 1:18 am

  • Copy link

  I’ll defer this until after I get the CSS upgrade, which I suspect I will need for other purposes too.

  Thanks for your help.