Skip to:
Content
Pages
Categories
Search
Top
Bottom

how to calm down comment nesting


  • Dwenaus
    Participant

    @dwenaus

    If you have a really active conversation going you’ll notice that the comment nesting – while very cool – can get a bit out of hand. (ie. http://namoo.co.uk/)

    A simple fix is to reduce the amount of left-margin applied to each comment.

    to do this you can create a child theme, which you’ll probably need to do anyway. (great how-to here: http://codex.buddypress.org/how-to-guides/building-a-buddypress-child-theme/)

    then add this code to the the bottom of style.css of your child theme (if you are inheriting the main buddypress css):

    /* Control activity comment nesting */

    div.activity-comments ul li > ul {
    margin-top: 5px;
    margin-left: 15px; /* this controls comment nesting. Default value is 25px */
    }

    div.activity-comments ul li {
    border-top: 2px solid #fff;
    padding: 10px 15px 10px 0;
    margin-left: 5px; /* this controls comment nesting. Default value is 15px */
    }

    and set both the margin-left to 0 if you want to turn nesting off altogether, or reduce the values to calm it further.

Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘how to calm down comment nesting’ is closed to new replies.
Skip to toolbar