reorganizing comments

  • Hi Ben,

    I’d like to rearrange comments part.

    – Can I write stg else instead of replies where it’s written “X replies >>” at the top? If not, can I get rid of it? Only buble icon will also be good.
    – Can I reduce the empty space at the bottom of each comment?
    – Can I change the outline (currently red) and inner color (currently blue) of “reply” button in each comment?
    – Can I reduce the empty space at the very bottom before the “write your comment box”?
    – Can I get rid of the prompt for the box that new comment is written? Buble icon is enough and inside already “write your comment” appears.

    Many thanks in advance.

    Onur U.

    The blog I need help with is: (visible only to logged in users)

  • Hey Onur

    1. Change replies title:
    5. Change comment replies title:

    The following will hide the replies text and just show the bubbles.

    h3#reply-title {
        visibility: hidden;
    h3#reply-title:before {
        visibility: visible;

    2. Reduce space between comments:

    .commentlist article {
        margin-bottom: 0 !important;

    3. Reply button colours:

    ol.commentlist li.comment .reply a, 
    ol.commentlist li.trackback .reply a, 
    ol.commentlist li.pingback .reply a {
        border-color: #fff;
        background: #fff;

    4. Space before ‘add your comment box’.

    The previous fix for reducing the gap between articles helps. You can reduce it further with:

    #respond {
    padding-top: 0;

    BTW On the homepage and article pages you have post ratings. Here’s some css to improve how they are displayed :)

    div.pd-rating {
        margin-bottom: 0 !important;
    .rating-msg {
        font-size: 13px;
    .rating-msg + p,
    .rating-msg + p::before {
        height: 0 !important;
        display: block;

    Cheers – Ben

  • Hi Ben,

    All worked wonderful. Many thanks for all, also for the one about raiting..


    Onur U.

  • The topic ‘reorganizing comments’ is closed to new replies.