Center Avatars

[jody108]

Hello,

I was give this code to plug into my css in order to get my avatars to be centered.

/* center avatar in postbit legacy */
.postbitlegacy .userinfo .postuseravatar {text-align:center; }

Where do I plug it in?

If I go to Styles and Templates > ???

Where do i go from there and where, exactly, to I plug it in.

Anyone know?

[Lynne]

I already answered your question about this over on vb.com.

[MrPHD]

Hi simple do this,
Admincp
template administrator
template.CSS
Postbit.css
and find

.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
display:block;
margin:{vb:math {vb:stylevar padding}/3} auto 0;
text-align:left;
width: auto;
}

and change where says "left" to center

have a nice day.

[TimberFloorAu]

Hi simple do this,
Admincp
template administrator
template.CSS
Postbit.css
and find

.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
display:block;
margin:{vb:math {vb:stylevar padding}/3} auto 0;
text-align:left;
width: auto;
}

and change where says "left" to center

have a nice day.

Changed to:


.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
display:block;
margin:{vb:math {vb:stylevar padding}/3} auto 0;
text-align:{vb:stylevar left};
width: auto;
}


in 4.0.1 Changing left to center makes no difference

[MrPHD]

in 4.0.1 Changing left to center makes no difference
Yes in 4.0.1 it works in did.

[acco]

I got it to center with
.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
display:block;
margin:{vb:math {vb:stylevar padding}/3} auto 0;
text-align:{vb:stylevar center} center;
width: auto;
}

[MrPHD]

On version 4.0.2 you have find;
.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
display:block;
margin:{vb:math {vb:stylevar padding}/3} auto 0;
text-align:{vb:stylevar left};
width: auto;
float: {vb:stylevar left};
clear: both;
} and change for;

.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
display:block;
margin:{vb:math {vb:stylevar padding}/3} auto 0;
text-align:{vb:stylevar center} center;
width: auto;
float: {vb:stylevar center};
clear: both;
}

[Professional2]

i coudn't find it can u plz explain more?

[Professional2]

i mean this:
Admincp
template administrator
template.CSS
Postbit.css
and find

[Lynne]

I don't understand your question. Do a Search in Templates for ".postbitlegacy .userinfo .postuseravatar" and you should find the CSS they are talking about.

[Professional2]

I don't understand your question. Do a Search in Templates for ".postbitlegacy .userinfo .postuseravatar" and you should find the CSS they are talking about.

tnx,it worked but see the picture:

i want all of them from username to avator be center what shoud i do?

[Professional2]

by the way my version is 4.0.2

[Lynne]

Sorry, but CSS is almost impossible to just come up with from seeing an image. If you want someone to write some CSS to center your userinfo, you should post a link to a showthread page so someone can play with it using firebug.

[Professional2]

but i saw this at this site:
http://www.dotsis.com/mobile_phone/anti-virus-tools-security-tools/255468-trackand-protect-v1-0-27-s60v3-s60v5-symbianos9x-signed.html

my showthread is:
http://forum.mobile4persian.com/applications-android/61729-memoryup-personal.html

[Lynne]

It looks like they just went through and applied "text-align:center" to all the classes in the sidebar there. Just use firebug and go right down the items there to get their classes.

[Professional2]

i coud do it but there is only one problem.
i can't align center the repetution image (above avator) any suggestion for it?

[Lynne]

Sorry, I can't get to your site so I can't make any suggestions:

Server not found

Firefox can't find the server at forum.mobile4persian.com.

[Professional2]

tnx for your reply plz try again,here is the postbit.css:

[Professional2]

here is the postbit.css:

[Michael.A]

find:
.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
display:block;
margin:{vb:math {vb:stylevar padding}/3} auto 0;
text-align:{vb:stylevar left};
width: auto;
float: {vb:stylevar left};
clear: both;
}

replace with:
.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
display:block;
margin:{vb:math {vb:stylevar padding}/3} auto 0;
width: auto;
clear: both;
}

the width: auto; so u dont need to point it out in the css but i check out IE7 and see if it works there