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

Discussion in 'Styling and Customization Questions' started by Cylent1, Jan 25, 2016.

  1. Cylent1

    Cylent1 Active Member

    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: Jan 25, 2016
  2. katsulynx

    katsulynx Well-Known Member

    Following code is cleaner imo:

    Code:
    .sidebar .visitorPanel .secondaryContent {
        text-align: center;
    }
    
    aside .sidebar .visitorPanel .avatar {
        float: none;
        margin: 0 auto;
    }
    [​IMG]
     
  3. Cylent1

    Cylent1 Active Member

    Thank You Very Much!
    The way I had it would go back to the left when I activate sticky nav. This Works!
     
  4. Cylent1

    Cylent1 Active Member

    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!
     

Share This Page