WordPress.org

Support

Support » How-To and Troubleshooting » How to Fix Gravatar and Text Overlap?!

How to Fix Gravatar and Text Overlap?!

  • Hi, all, I’m having a problem that’d probably be quite easily fixed if I wasn’t such a newbie. I run a multi-user blog, and I’ve just used a super plugin called Avatars to insert locally defined avatars on individual users’ blog pages. It was too small, so I resized the avatars using the “avatar_size’, 200” command…i.e. I increased it to 200.

    Now, it’s so large that it overlaps the text and pushes it down. Like so: http://evostudies.org/wp-content/uploads/2011/09/overlap.bmp …I’d like to know how to put the text on the right side, along the image, rather than overlapping it.

    While I’m at it, it’d be great to fix the white rectangle behind the avatar photo so it’s either gone or the same size as the picture, rather than a different size, but that’s of secondary importance right now.

    Thanks!

Viewing 1 replies (of 1 total)
  • Update: I’ve figured out how to change the background white “border” behind the picture (changing the height in the CSS stylesheet from 60 to 200):

    #entry-author-info #author-avatar {
    background: #fff;
    border: 1px solid #e7e7e7;
    float: left;
    height: 200px;
    margin: 0 -104px 0 0;
    padding: 11px;

    Now the text is below the picture instead of overlapping, but I’d still like to know how to place it to the right of the picture. Essentially, I need to know why the CSS code I haven’t isn’t wrapping the text. Here is how it looks now.

Viewing 1 replies (of 1 total)
  • The topic ‘How to Fix Gravatar and Text Overlap?!’ is closed to new replies.