Pilcrow CSS help

• 

  nannysavvy · Member · Apr 8, 2013 at 3:05 am

  • Copy link
  • Add topic to favorites

  My blog is http://www.nannysavvy.com and uses Pilcrow theme.

  Can anyone help with some CSS codes to do the following things:

  – Currently comments are always hidden and need to be expanded by clicking a box (ie. “4 comments”).
  Is there a way so this remains the case for the blogroll itself but when a specific post is clicked on the comments are automatically expanded?
  eg if someone clicks to a specific post from a link they will see the comments automatically, but if they are scrolling through the main blogroll page they won’t unless they click to expand?

  – How can I delete the highlighted box that appears when I comment on my own posts?

  – How can I add a ‘read more’ break to comments to shorten the appearance of long comments (as you can do in the posts themselves)?

  Thankyou

• 

  designsimply · Member · Apr 9, 2013 at 4:36 pm

  • Copy link

  – Currently comments are always hidden and need to be expanded by clicking a box (ie. “4 comments”).

  This is a built in feature of WordPress and WordPress themes. It is not something you can change using CSS only, so the Custom Design upgrade doesn’t apply in this case. CSS can be used to change the appearance of things that already exist on the page, it cannot be used to add dynamic content or change underlying HTML structure.

  As for comments, they will only show on individual posts or pages and that is not something that can be changed on WordPress.com at this time. There is one exception which is the P2 theme.

• 

  designsimply · Member · Apr 9, 2013 at 4:37 pm

  • Copy link

  – How can I delete the highlighted box that appears when I comment on my own posts?

  Adding this to your Appearance → Custom Design → CSS editor should do the trick:

  #comments li.bypostauthor > .comment-container {
       background: inherit;
  }

• 

  designsimply · Member · Apr 9, 2013 at 4:40 pm

  • Copy link

  – How can I add a ‘read more’ break to comments to shorten the appearance of long comments (as you can do in the posts themselves)?

  That’s another example of changing underlying functionality, something you can’t do with CSS.

  There is a way to set the number of comments that can display for each page load, but there’s not a way to break up individual comments into pages. To find out more about WordPress.com comment settings, check out this help page:
  http://en.support.wordpress.com/settings/discussion-settings/