The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
||||
|
||||
Center avatar & add break
Hi,
This is my postbit_legacy avatar snippet. I have been trying to align avatar centrally in the userinfo column but without success, and to also put a line break beneath it. ANy suggestions on what I need to add? Code:
<vb:if condition="$show['avatar']"> <div class="usercenter"> <a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}"> <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" /> </a> </div> </vb:if> Here is example page: http://www.xgengamers.com/threads/50...to-see-on-XGen TYVVVM:up: |
#2
|
||||
|
||||
You have this:
HTML Code:
.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar { clear: both; display: block; float: left; margin: 3.33333px auto 0; text-align: left; width: auto;} |
#3
|
||||
|
||||
Thanks Lynne for helping. I have opened the additional.css template, but now I am struggling to work out where to add some float.
I really am a novice when it comes to css, so a slightly more indepth answer would be greatly appreciated. |
#4
|
||||
|
||||
Just put:
HTML Code:
.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {float: none; text-align: center;} |
#5
|
||||
|
||||
Thanks very much. That did exactly what I wanted.
Appreciate the help. |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|