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

XF 1.5 Order Staff Online Now from Left to Right Rather than from Top to Bottom

Discussion in 'Styling and Customization Questions' started by Amaury, Jan 30, 2016.

  1. Amaury

    Amaury Well-Known Member

    I'm working on making our new 2016 styles (dark and light) a bit unique compared to our previous styles, and I was wondering how easy it would be to order the Staff Online Now from left to right rather than the default top to bottom?

    Staff Online Now.PNG

    If it's easy, what do I need to do? Thanks.
     
  2. Amaury

    Amaury Well-Known Member

    Any help will be more than appreciated.
     
  3. rainmotorsports

    rainmotorsports Well-Known Member

    Icon only or is the text still there? We don't have staff on our site but I would just look at the list style and float properties. Floating left with no list style and check for any kind of break properties.
     
  4. Amaury

    Amaury Well-Known Member

    Yeah, icons only with a browser or XenForo tooltip that pops up showing the username. Essentially how it is over at The Admin Zone.
     
  5. Amaury

    Amaury Well-Known Member

    Still looking for some help on this. Any will be more than appreciated. I wasn't able to find anything in the sidebar style properties. :)
     
  6. Amaury

    Amaury Well-Known Member

    I've managed to get this figured out. For reference:

    Code:
    .section.staffOnline.avatarList {
        overflow: hidden;
    }
    .sidebar .avatarList li {
        float: left;
    }
    
    .staffOnline .secondaryContent {
        overflow: hidden;
    }
    Thanks to @Steve F.
     

Share This Page