Home Forums Pure Theme Discussion & Support BBPress Avatar CSS Not Displaying Correctly

This topic is: resolved

Tagged: ,

This topic contains 10 replies, has 2 voices, and was last updated by  matt supert 3 years, 4 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #3866

    matt supert
    Member
    Post count: 8

    I am using the pure theme and my Avatars are not displaying correctly. They are displaying too large on the BBPress main index page as you can see in the image below. I unfortunately cannot seem to track down the CSS I need for these so I would like to either get these to size correctly or perhaps even just not have them display at all except on the topic page.

    I have posted some photos linking illustrating what i am talking about.

    http://imgur.com/a/PfwYt

    bbpress 2.3
    Wordpress 3.5.1
    Theme is Pure

    #3867

    themeweaver
    Keymaster
    Post count: 730

    You could try selecting “enable buddypress support” in the Theme Options page. I know you are not using full BuddyPress, but this option loads some additional css which includes some fixes for bbPress forums.

    #3868

    matt supert
    Member
    Post count: 8

    I have that option already selected, and I am running version 2.6 of the theme. No luck on that. The thing throwing me off is that when I browse through the stylesheet I don’t see anything that is related to avatars or bbpress or buddypress.

    #3869

    themeweaver
    Keymaster
    Post count: 730

    1. the buddypress styelsheet is in extend\buddypress.css. The option you selected loads this.

    2. bbPress is meant to be theme independent, so there should be some styling being loaded by the plugin.

    Do you have a url we can see to check for you?

    The theme demo is running BuddyPress but the forums in BP are from bbPress. See http://buddy.livingos.com/pure/forums/

    In the buddypress style sheet we are forcing the avatars to be 20px, because as you have experienced the plugin default behaviour is for them to be larger.

    The line of css is:

    table.forum td img.avatar {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    }

    If you have a url we can have a look.

    #3870

    matt supert
    Member
    Post count: 8

    Yes, my url is http://www.orju.net

    #3871

    themeweaver
    Keymaster
    Post count: 730

    OK try:

    .bbp-author-avatar img.avatar 
    }
    width: 20px;
    height: 20px;
    }
    #3872

    matt supert
    Member
    Post count: 8

    Thanks,

    I will try to test this out this evening and report back if I run into any problems.

    #3875

    matt supert
    Member
    Post count: 8

    Just following up on this topic. IT seems we are about 90% of the way there. The icon has shrunk, but not it also appears to have shrunk for the display in the post, like what you see to the left here.

    http://orju.net/forums/topic/this-is-a-test-post/

    #3908

    matt supert
    Member
    Post count: 8

    Anyone?

    #3936

    themeweaver
    Keymaster
    Post count: 730

    OK, the CSS needs to be more specific. So replace above css with:

    #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar{
    width: 20px;
    height: 20px;
    }

    #3947

    matt supert
    Member
    Post count: 8

    Perfect. That seems to have worked. Thanks much for helping me track this down. BBPress does not have the greatest of documentation.

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

You must be logged in to reply to this topic.