Avatar size css

I see one issue on your site.

In your HTML markup, you are defining / hard coding the dimensions for the avatar image like this:

<img src="https://desenvolvendosaf.96.lt/wp-content/uploads/avatars/1/583d04714a4a1-bpfull.jpg" class="avatar user-1-avatar avatar-150 photo" width="150" height="150" alt="Foto de perfil de Gustavo">

Then you are trying to override it by css important.

You should use either approach (CSS styling will be better in this case)

UPDATE: Fix for UL tag under your avatar image

I looked into your website. If you have access to this css file: https://desenvolvendosaf.96.lt/wp-content/themes/Gameleon/bbpress/css/bbpress.css?ver=2.5.11-6121

Look for this: #bbpress-forums ul

You will find this:

#bbpress-forums ul {
    background: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

Try adding top margin like this:

#bbpress-forums ul {
    background: none;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

Hello @a2hostinglk, thanks for your attention, I’ve added the code you mentioned and it does not seem to have much effect, can you see the result looking at the site again? Thank you.
Result:
https://desenvolvendosaf.96.lt/forums/topic/fefe/

• This reply was modified 8 years, 3 months ago by mestregd.

It did fix the UL issue.

Before all the verbiage / text was showing up on top of your image. Now it is showing below the image.

The only pending issue is “Administrator” that is being displayed on top of the image.

I am looking into your site. I will get back to you with a fix for that.

Ok, i am very grateful for your help, I await further news.

Hi @mestregd,

Ok try this fix.

If you have access to this style sheet: https://desenvolvendosaf.96.lt/wp-content/themes/Gameleon/css/style.min.css?ver=4.6.1

Look for this: .bbp-author-role

You should see this CSS there:

.bbp-author-role {
    margin: -20px 0 0!important;
    padding: 0!important;
}

Replace that whole block with this:

.bbp-author-role {
    /* margin: -20px 0 0!important; */
    padding: 0!important;
    margin-top: 20px;
}

Let me know if that fixed the issue.

Hello @a2hostinglk, thanks for your attention and help, i added the code you mentioned, but with no effect.
Result:

Maybe it’s not better, I remove the code I found on the internet:

#bbpress-forums div.bbp-reply-author img.avatar {
width: 80px !important;
height: 80px !important;
}

And instead, you give me a code for me to add in place of this? It’s really just a tip, plus I will this follow every step you tell me. Thanks for your help and sorry for english bad.

@mestregd,

I do see the change on your site and it looks fine to me. Please delete browser cache and cookies and refresh your site again to see the chance.

Make sure you have added the CSS I provided you.

You are my hero, I only noticed one detail, the name still stays on top of the avatar, how can we lower it like the others?

Haha ?? I am glad that your issue has been resolved!

Regarding name – Let me look into your site again and I will let you know how you can fix that.

Hello @a2hostinglk, thanks for your help, I hope your answer, although it seems everything is okay now, I have a impression that the avatar is not centralized and takes a part from the of the texts, could we solve this too?

I am still looking into your site for that name fix.

While I was looking your site, I see one more issue.

The image seems to be off, it is going towards right and the topic text seems to be overlapping the image.

Do you know what I am talking about?

Yes, that’s exactly what is missing to finalize this problem, although I know what you’re saying, I do not know how to fix this

Ok so I have fix for both problems:

1) Image going right hand side
2) Name appearing on top of names

I am just doing some testing – I will let you know soon how to fix it.

@a2hostinglk, yaaaaa, thanks, i expect new news.