WordPress.org

Forums

How to Fix Gravatar and Text Overlap?! (2 posts)

  1. dglass
    Member
    Posted 3 years ago #

    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!

  2. dglass
    Member
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic