What The "H" Is This?
Just A Simple Tutorial That Might Help You Or Others Problem To Place (Postbit Legacy) Poster's Avatar Image And More To Center...
( Avatar, Username, Rank, User Title, Reputation & IM Images, And More....Plus Adjust Username Font To Any Size)
Now How To Do It?
Just Simply Go:
ACP > Styles & Templates > Search in Templates > Search in Style: (Choose Actual Style)> Search for Text: additional.css > Search Titles Only: YES > Click Find > Click Red One To Open...
Copy The Code Below And Paste To The Template (additional.css)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* Princeedward's Postbit Legacy Poster User Info: (Centered) */
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* center avatar, username, title, rank, userinfo_extra, postbit_reputation, imlinks */
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle .imlinks {text-align:center;}
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {float:none; text-align:center;}
.postbitlegacy .userinfo .usertitle {display: block; float:none; text-align:center; clear: both;}
.postbitlegacy .userinfo .userinfo_extra {text-align:center; }
.postbit_reputation {float:none; text-align:center;}
.postbitlegacy .imlinks {float:none; text-align:center;}
.postbitlegacy .userinfo .userinfo_extra dd{text-align:right;}
/* change username font size */
.postcontainer .username_container .popupmenu a.popupctrl {font-size:20px;}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* Princeedward's Postbit Legacy Poster User Info: (Centered) */
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
As Usual Click To Save And Reload....Check! If All Okay... Click Save And Closed!
|