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

XF 1.1 Custom User Field Icons on the same line?

Discussion in 'Styling and Customization Questions' started by Slidefuse, Nov 2, 2013.

  1. Slidefuse

    Slidefuse Member

    Hello, As You can see... I'm using icons for my user fields.
    But I was wondering how I could make it so they are on the same line... Instead of on top of one another.
    This is what I have so far:
    [​IMG]
    But they are under one another, I don't want this.
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Without seeing the code, it's difficult to say, but using float:left should work.
     
  3. Slidefuse

    Slidefuse Member

    Here is the code: (VERY SMALL EDIT OF XENFORO)
    Code:
    <CENTER>Links:<CENTER>
                </xen:hook>           
                <xen:if is="@messageShowCustomFields AND {$user.customFields}">
                <xen:hook name="message_user_info_custom_fields" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
               
                    <xen:foreach loop="$userFieldsInfo" key="$fieldId" value="$fieldInfo">
                        <xen:if is="{$fieldInfo.viewable_message}">
                            <xen:if hascontent="true">
                                <dl class="pairsInline userField_{$fieldId}">
                                   
    
    
                                    <dd><xen:contentcheck>{xen:helper userFieldValue, $fieldInfo, $user, {$user.customFields.{$fieldId}}}</xen:contentcheck></dd>
                                </dl>
                            </xen:if>
                        </xen:if>
                    </xen:foreach>
                   
                </xen:hook>
                </xen:if>
                </xen:contentcheck>
            </div>
        </xen:if>
           
    </xen:if>
    
        <span class="arrow"><span></span></span>
    </div>
    </div>
     
  4. Slidefuse

    Slidefuse Member

    Still need some help...
    :\
     
  5. Brogan

    Brogan XenForo Moderator Staff Member

    Post a link to a thread so I can inspect the code.
     
  6. Slidefuse

    Slidefuse Member

  7. Jeremy

    Jeremy XenForo Moderator Staff Member

    Code:
    .extraUserInfo {
      min-height: 35px;
    }
    
    .pairsInline.userField_Steam, .pairsInline.userField_YouTube {
      float: left;
      margin: 2px;
    }
    You will need to expand on that as you add more fields.
     
    Slidefuse likes this.
  8. Slidefuse

    Slidefuse Member

    Thank you. but now how could I make it so they are not RIGHT next to one another.
    Also how could I re center it?
     
  9. Jeremy

    Jeremy XenForo Moderator Staff Member

    Adjust the margin. Re centering it would be:
    Code:
    .pairsInline.userField_Steam {
      margin-left: auto;
    }
    (Untested)
     
  10. Slidefuse

    Slidefuse Member

    Sadly this does not work :\
     

Share This Page