Avatars

[MajorKokosnuss]

How can i make the Avatar Size automaticly to a good quality and not like this wierd thing ?

and to a bigger size

http://prntscr.com/472jo6

[Lynne]

The avatar size is set here, so just add this to your css_additional.css template and change the values to what you want:

.b-avatar--m > img {
max-height: 64px;
max-width: 64px !important;}

You can also remove the border by modifying the stylevar thread_view_avatar_border

[MajorKokosnuss]

<a href="http://prntscr.com/4783br" target="_blank">http://prntscr.com/4783br</a>

this happens then

[hs4x4]

Where is the css_additional.css located?

[MajorKokosnuss]

Where is the css_additional.css located?

Post only stuff for my problem please.

[hs4x4]

Post only stuff for my problem please.

I'm not trying to hijack your thread. I want to do the same thing you want to do. I just don't know where the .css file he referenced is located to try his solution of adding that code.

[MajorKokosnuss]

I'm not trying to hijack your thread. I want to do the same thing you want to do. I just don't know where the .css file he referenced is located to try his solution of adding that code.

I will not tell you where it is located. Open your own thread if you have questions

Edit: Check your PM's

[Lynne]

http://prntscr.com/4783br

this happens then
That happens when? What *exactly* did you do? And what am I supposed to see in that image? I just see an avatar that still had a border.

Where is the css_additional.css located?
It is a template in the CSS Templates group.

[MajorKokosnuss]

i have posted this line in the additional css:

.b-avatar--m > img {
max-height: 100px;
max-width: 100px !important;

And then the postbit with the informations got that small and the font size has been changed

[Lynne]

I'm not sure if you meant to leave off the ending }, but that will mess things up.

.b-avatar--m > img {
max-height: 100px;
max-width: 100px !important;}

A link to view the problem would help since this is a CSS issue.

[MajorKokosnuss]

Oh. Placing the } below has fixed the issue :P

[DesignMVD]

I'm not sure if you meant to leave off the ending }, but that will mess things up.

.b-avatar--m > img {
max-height: 100px;
max-width: 100px !important;}

A link to view the problem would help since this is a CSS issue.

When I do this I still have the avatar to the right ... As I center this?

Thank you.

[Lynne]

We would need a link to view the problem.

[DesignMVD]

We would need a link to view the problem.

Attached image

[Lynne]

We can't fix CSS via an image.

[DesignMVD]

We can't fix CSS via an image.

Sorry

http://www.urumotos.com.uy/foro/

[Lynne]

The avatars in the topics show as centered to me. :/

[DesignMVD]

The avatars in the topics show as centered to me. :/

If I leave at 64 if ... But if for example I set it at 120 is going to the right ....

Do not leave that 120 looks bad ... So my query.

.b-avatar--m > img {
max-height: 100px;
max-width: 100px !important;}


-------------------

Si la dejo en 64 si ... Pero si por ejemplo lo configuro en 120 se va hacia la derecha ....

No lo deje en 120 por que se ve mal ... Por eso mi consulta.

[Lynne]

I need to actually be able to view the problem if you need some help.

[DesignMVD]

I need to actually be able to view the problem if you need some help.

Error view public.

[Lynne]

Error view public.
Huh? Honestly, I can't help with CSS issues unless I can see the page. Sorry. If you can't let me see the problem, then you should hire someone who can help.

[DesignMVD]

Huh? Honestly, I can't help with CSS issues unless I can see the page. Sorry. If you can't let me see the problem, then you should hire someone who can help.

But you leave the visible problem ....


This it the error in the post, as you asked me ...


Error is visible in example: http://www.urumotos.com.uy/foro/f135/alguna-kawa-ninja-300-275501


Google translator

[Lynne]

Try this:
.b-avatar {
width: auto;
}

[DesignMVD]

Try this:
.b-avatar {
width: auto;
}

Perfect !

.b-avatar--m > img {
max-height:120px;
max-width:120px !important;
}
.b-avatar {
width: auto;

Resizes and centers to perfection!

Thank you very much!