Could you add some code for me to style the Activity commenting

HI All,

My client has asked if i can make the Group activity streams commenting more like facebook and has sent me this page to give the code needed. This level of coding is beyond me and i was hoping someone could implement it for me who would find it a simple process. Link below.

http://buddydev.com/buddypress/facebook-style-activity-commenting-with-buddypress/

If you could help it would save my life!!

Great work guys, dont know what i would do without you.

  • Jack Kitterhing

    Hi there @Studio3creative,

    Hope you're well today and thanks for your question.

    The easiest way would be to grab the code from the github link https://github.com/sbrajesh/fb-style-activity-commenting

    Place the functions.php code into your child themes.php code, add the _inc folder with it's files into your child theme.

    And then add the styles of

    li.has-comments div.activity-comments form.ac-form {
    display:block;
    margin:0 0 5px 0;
    }
    .ac-form .ac-reply-avatar{
    display:none;
    }
    div.activity-comments form div.ac-reply-content{
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 5px;
    height:35px;/* you may need to adjust height according to the one you choose for your textarea*/
    }
    div.activity-comments form textarea {
    height: 13px;
    }
    div.activity-comments form input[type='submit']{
    display:none;
    }
    /*on active/focus*/
    form.active .ac-reply-avatar{
    float:left;
    display: block;
    }
    form.active .ac-reply-avatar img.avatar {
    float: left;
    margin: 0 3px 0 0;
    height: 25px;
    width: 25px;
    }
    div.activity-comments form.active div.ac-reply-content{
    height:auto;
    }
    form.active .ac-textarea{
    margin-bottom: 10px;
    padding: 8px;
    padding-top:0;
    }
    div.activity-comments form.active div.ac-reply-content{
    margin-left: 30px;
    padding-left: 2px;
    }

    To your child themes style.css, but I would mention that the code is old and hasn't been updated for a while and his example is only for the default bp-theme, which isn't even included anymore, which means you'll need to edit it to your specific theme.

    You want to hire developer to do this for you, https://premium.wpmudev.org/wordpress-development/ (it shouldn't take much more than an hour, depending on the complexity of your theme).

    Thanks!

    Kind Regards
    Jack.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.