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

XF 1.4 Members Online Now Location

Discussion in 'Styling and Customization Questions' started by Craig, Jul 9, 2015.

  1. Craig

    Craig Active Member

    Good day to you all.

    I am curious if there is a way to move the Members Online Now box from the sidebar to the bottoms of the site right below the last forum/category?

    Thank you for your assistance!
  2. Amaury

    Amaury Well-Known Member

    You'll need to play around with it a bit to get it just right, but copy the entire contents of the sidebar_online_users template and then comment them out. Then paste those contents at the very bottom of the forum_list template, adding a line break here to fix a minor display issue with the username:

    <xen:avatar user="$user" size="s" img="true" />
                                    <xen:username user="$user" rich="true" />
                                    <div class="userTitle">{xen:helper userTitle, $user}</div>
    KHF Online.PNG
    Last edited: Jul 10, 2015
  3. Craig

    Craig Active Member

    Thank you for your help. the following is what I have thus far.

    I have 2 more questions if I may....

    1. how can I make the Members who are showing up, show up according to their respective Group color?
    2. Is there away to make where it says Members Online Now look like it did when it was on the side bar?
  4. Amaury

    Amaury Well-Known Member

    @Dylan V can likely help you with this and any further customization. :)
    Dylan V likes this.
  5. Dylan V

    Dylan V Well-Known Member


    For the first modification, you can install this add-on.

    For the second, it's not difficult to do.

    Go to EXTRA.css and add this:
    .section .secondaryContent h2:nth-child(2)
        font-size: 12pt;
        color: rgb(200,200,200);
        background-image: url('styles/blackend/xenforo/gradients/forumhead_bg.png');
        background-repeat: repeat-x;
        background-position: center;
        padding: 3px 4px 2px;
        margin-bottom: 5px;
        border: 1px solid rgb(66, 66, 66);
        border-bottom: 1px solid rgb(82, 82, 82);
        border-radius: 5px;
        min-height: 22px;
    maszd and Amaury like this.

Share This Page