WordPress.org

1. Ray56
   Member
   Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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.