WordPress.org

Ready to get started?Download WordPress

Forums

P2 and the User Avatar plugin (5 posts)

  1. Ray56
    Member
    Posted 3 years ago #

    I installed the User Avatar plugin and everything works well in the backend but when viewing my front page, the new avatars show but users' posts text is pushed below the avatar instead of being inline.

    Any fix for this?

    Thanks

  2. 123milliseconds
    Member
    Posted 3 years ago #

    If you install Firefox Firebug then when you visit your website you can immediately see the css styling plus line numbers for that avatar

    OR

    post link to site so we can do that

  3. Ray56
    Member
    Posted 3 years ago #

    @123milliseconds

    Thanks for the reply.

    I tried using Firebug but I can't make sense out of it so here's the link to the site: http://chat.aemcweb.com/

    As you'll see, Gene's text isn't inline (posts and replies) whereas TestUser's (no uploaded avatar) is.

    Cheers!

  4. mamouneyya
    Member
    Posted 3 years ago #

    Mainly, for the image to be aligned with the text, it needs:
    float: left;
    It seems that the plugin doesn't assign the class 'avatar' to the img tags, so P2 doesn't apply its rules. The complete CSS rules for the avatar image are:

    border: 1px solid #ccc;
    border-width: initial;
    float: left;
    margin-right: 10px;
    margin-top: 0px;

    You need a way to add them to the img tags that are generated by your avatar module. The easiest and cleanest way that I can think of is to edit the plugin files adding the class 'avatar' to the generated img tag, and leave P2 to handle them as the others.

  5. Ray56
    Member
    Posted 3 years ago #

    Thanks mamouneyya,

    I'll try to modify the plugin's code and see what happens.

    Cheers!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags