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]

Originally Posted by 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.

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]

Originally Posted by TimberFloorAu

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;

PHP Code:

.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;

PHP Code:

.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.