Decreasing space after avatar

  • Anonymous


    How do I decrease the space after the avatar on a topic/reply post? I want to squeeze the most out of my text area.

    A typical page is here:




    Kenneth John Odle



    #bbp-reply-content {
    margin-left: 110px;

    You can also try this, which you might like better:

    #bbp-reply-content {
    margin-left: 12px;
    #bbp-reply-author {



    I tried both suggestions in the custom CSS field, and neither did anything. I am using :

    #sidebar1 {
    margin-left: 0px;

    to reduce the space to the sidebar, and this does work. I also tried a script to reduce the size of the avatar, which worked but didn’t enlarge the text area, so I removed it.

    Any help will be appreciated.





    Try this:

    #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar {
    margin: 12px auto 0 -30px;
    #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name {
    margin: 0 12px 0 -20px;
    #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role {
    margin-left: -40px;
    #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content {
    margin-left: 120px;

    You might need to mess around with the margin values to get it just right… but that should do it.




    thanks–this helps but doesn’t quite do the job. It moves the avatars over, and any text that continues below the level of the avatar can be outdented by changing 120 px to a smaller value (I actually shifted the avatar -40, the author-name -30, and the author-role -50), but

    the space to the right of the avatar is still huge–much more than on this site, for example.

    Is there something that I need to do with the avatar? I am using the plugin Simple Local Avatars at ; is this doing anything?

    BTW, this doesn’t matter since users don’t see it, but admins see the ip address of the post–can one shift that as well?

    Thanks a lot!


    p.s. The column headings: Author Post are not moved over–can I move those as well?



    Another possible clue in the puzzle: If you go to this link Example,

    you’ll find a name that is too long. It goes too far to the left and to the right; in the default settings, it fits because it is split into two lines.

    BTW, maybe things would be easier if I could left justify the Display-name and role, as is done on this site.

    Thanks to anyone who has an idea how to do this.



    Yet another question–the issue with the author name is browser dependent–firefox does a worse job with long names than chrome and safari. Is there a way that I can set the number of pixels or characters that a name can be before is is split over two lines?

    Any help on any of these issues would be MUCH appreciated.

    Thank you!




    here is some more information–the only command that actually changed the space for the content was:

    #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content {
    margin-left: 120px;

    All the other commands moved the avatar, author-name, and author-role around within a fixed 120px strip on the left

    side; none of them could change the width of this strip. Any suggestions as to what determines this width?

    If I shrink 120px above to something smaller, in the region next to the avatar, author-name, author-role, etc.,

    the left margin of the content pane is still 120px, and it outdents to the chosen value further down the page.

    Any suggestions would be much appreciated!




    I finally installed firebug–it’s magic! a little trial and error, and the following custom CSS does exactly what I want:

    #bbpress-forums div.bbp-topic-author,#bbpress-forums div.bbp-reply-author a.bbp-author-name {
    margin: 0 0 0 0;
    #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author {
    text-align: left;
    width: 80px;
    #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content {
    margin-left: 100px;

    The first command removes the margins of the author name; the second command

    aligns everything pertaining to the author (avatar, name, role) to the left and makes

    the whole author panel 80px wide (the width of my avatars); the third command makes

    the left margin of the content panel 100px.

    Thanks everyone for your suggestions, and I hope that this is useful to someone else.

Viewing 9 posts - 1 through 9 (of 9 total)

  • You must be logged in to reply to this topic.
Graphene Themes Forum