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

Unmaintained Profile page stats in line

Save some vertical space and fill up the empty space to the right

  1. Brogan

    Brogan XenForo Moderator Staff Member

    Brogan submitted a new resource:

    Profile page stats in line - Save some vertical space and fill up the empty space to the right

    Read more about this resource...
     
    CFodder, ArnyVee, DRE and 1 other person like this.
  2. Mutt

    Mutt Well-Known Member

    thanks
     
  3. Jeremy

    Jeremy XenForo Moderator Staff Member

    Looks a lot better, but its slightly off on the vertical align... I'll mess with it later to see if I can get it to align better:
    Screen Shot 2013-04-22 at 11.22.03 AM.png
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    I wouldn't bother messing with it too much ;)
     
  5. Jeremy

    Jeremy XenForo Moderator Staff Member

    Subtle hint that its going to be formatted this way in a future release? :cautious:

    I added in a margin-top: 5px; and got it spaced out more (not my intention, but it works), but it looks aligned now:
    Screen Shot 2013-04-22 at 11.27.47 AM.png

    Edit: Removing the margin-top: 5px; from .profilePage .infoBlock dt works to fix it without sacrificing vertical space:
    Screen Shot 2013-04-22 at 11.32.25 AM.png
     
  6. masterchief

    masterchief Well-Known Member

    how to widen sidebar to 246px .. ????
     
  7. Brogan

    Brogan XenForo Moderator Staff Member

    Style Properties -> Member Profile Page
     
  8. ibaker

    ibaker Well-Known Member

    Thanks Brogan

    I have one issue where the fields of Location and Occupation (mine says Aircraft) doesn't place the first words that will fit on the line:
    1.jpg

    Any suggestions?
     
  9. Brogan

    Brogan XenForo Moderator Staff Member

    Make the sidebar wider?
     
  10. ibaker

    ibaker Well-Known Member

    Not the type of answer I was hoping for Brogan but thanks anyway...some of my users get a bit flamboyant with these fields
     
  11. Brogan

    Brogan XenForo Moderator Staff Member

    Well there's not a lot that can be done for content which is too wide for the container.

    Not sure what type of answer you were expecting.
     
  12. ibaker

    ibaker Well-Known Member

    But it wraps automatically...it just won't start on the same line as the title
     
  13. Jeremy

    Jeremy XenForo Moderator Staff Member

    That's the nature of floating content.
     
  14. Brogan

    Brogan XenForo Moderator Staff Member

    OK, try this.

    Code:
    .profilePage .infoBlock dd {
    float: right;
    display: block;
    width: 100px;
    }
    Change the 100px to suit.

    That will actually change how the text aligns, like so:
    stats.PNG

    But it does at least wrap.

    Honestly though, I wouldn't worry about it too much for reasons which shall become obvious later.
     
  15. ibaker

    ibaker Well-Known Member

    LOL...I knew you would come through Brogan...as always, thank you very much
     
  16. ibaker

    ibaker Well-Known Member

    oops, spoke too soon...screws up the top info box that has Last Activity, Joined etc...will just have to wait...thanks anyway
     
  17. Teapot

    Teapot Well-Known Member

    You tease! :ROFLMAO:
     
  18. aiman.h.kallaf

    aiman.h.kallaf Active Member

    it is great to increase the side bar but that would make the profile picture look bad
    upload_2013-8-1_19-28-6.png
     
  19. Brogan

    Brogan XenForo Moderator Staff Member

    Code:
    .profilePage .avatarScaler img {
    max-width: 246px;
    }
    Change the size to suit.

    You will need to upload an avatar wide enough to take advantage of the increased width.
     
    aiman.h.kallaf likes this.
  20. aiman.h.kallaf

    aiman.h.kallaf Active Member

    worked like a charm
     

Share This Page