Center Avatars
 

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?

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

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:

in 4.0.1 Changing left to center makes no difference

Yes in 4.0.1 it works in did.

I got it to center with

On version 4.0.2 you have find;
and change for;

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

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

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?

by the way my version is 4.0.2

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.

but i saw this at this site:
http://www.dotsis.com/mobile_phone/a...9x-signed.html

my showthread is:
http://forum.mobile4persian.com/appl...-personal.html

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.

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

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

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

here is the postbit.css:

find:
replace with:
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