Support » Themes and Templates » P2 and the User Avatar plugin

  • 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

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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

    @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!

    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.

    Thanks mamouneyya,

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

    Cheers!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘P2 and the User Avatar plugin’ is closed to new replies.