Skip to:
Content
Pages
Categories
Search
Top
Bottom

Avatars are overlapping in member and group page.


  • mikeytrooper
    Member

    @mikeytrooper

    I was wondering if anyone knows why the avatar pictures are overlapping in the group or members page. I am thinking I have to make the avatar pictures smaller but I am not sure and not sure how to do this.

Viewing 8 replies - 1 through 8 (of 8 total)

  • Marcos Nobre
    Participant

    @onyx808

    link to the site?


    mikeytrooper
    Member

    @mikeytrooper

    http://www.paranormalwarehouse.com

    Just tried changing the size of the avatar… No go…. Not really sure what to do. Its the members page I need help with.

    THANKS FOR THE HELP!
    – Mike


    mikeytrooper
    Member

    @mikeytrooper

    OK I fixed the spacing, but the padding between the avatar and text is way to close. I need to change that and on the “activity” page the avatar takes up too much space which doesn’t allow me to type text at the top of the text box.

    Thanks as always!
    – Mike


    Marcos Nobre
    Participant

    @onyx808

    try this

    ul.activity-list li div.activity-content {
    margin-left: 110px;
    width: 520px;
    }

    you have some avatar issues as well.
    as you can see in the code below,you’re using negative top margin in your avatar css

    .avatar {
    background: none repeat scroll 0 0 #F6F6F6;
    float: right;
    margin: -8px 0 20px 20px;
    padding: 8px;
    }

    you can set that to 2px …

    for the padding thing just add margin-right on ul.item-list div.item-avatar like in code below
    `
    ul.item-list div.item-avatar {
    float: left;
    margin-right: 8px;
    }
    `


    mikeytrooper
    Member

    @mikeytrooper

    Both you guys thanks. I am a total newb. Alan, where would I go to find these pieces of code. Once I find it I can fix this stuff up. Also the negative top margin, what would I do to fix this, what number should it normally be.
    Again thanks guys!
    – Mike


    Virtuali
    Participant

    @gunju2221

    Well it looks like you added a massive avatar border to all your avatars, so thats why it needs that extra CSS tweak for starters.

    You will need to go into your theme’s CSS, or wherever that piece is located, we can’t tell you where it is, but It could be in your theme’s default CSS.

    You could inspect it with firebug, and it would tell you where it is.

    seem like You’ve fixed the negative top margin, all you have to do is put this code below in to your css file.

    ul.item-list div.item-avatar {
    float: left;
    margin-right: 8px;
    }

    You can also try : http://getfirebug.com/ for Fire Fox ,with this tool you can select and tweak the css and also see what file and which line of code you are editing.

    good luck.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Avatars are overlapping in member and group page.’ is closed to new replies.
Skip to toolbar