• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.5 Large Visitor Panel Avatar Question

[xFv]

Previously Cylent1
#1
I sized up the visitor panel avatar by changing the "m" to "l" in message user info template.
My question now is, How can I center the username?

I have tried some css in extra.css but with no luck.
Here' what I have right now...
Code:
.sidebar .visitorPanel .avatar img
{Margin-left: 15px !important;}
.sidebar .visitorPanel .username h2
{text-align: center !important;}
EDIT* I have figured it out hopefully!
Code:
.sidebar .visitorPanel .avatar img
{Margin-left: 15px !important;}
.sidebar .visitorPanel h2
{text-align: center !important;}
Capture.PNG
 
Last edited:

katsulynx

Well-known member
#2
Following code is cleaner imo:

Code:
.sidebar .visitorPanel .secondaryContent {
    text-align: center;
}

aside .sidebar .visitorPanel .avatar {
    float: none;
    margin: 0 auto;
}
 

[xFv]

Previously Cylent1
#4
Actually, even with a fresh install of 1.5.5 and a fresh template edit for sticky navigation will break the sticky navigation doing this. this is weird!