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

How can I get the social icons in horizontal

Actually the default code of the template message_user_info is

<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}">
                                <dt>{xen:helper userFieldTitle, $fieldId}:</dt>
                                <dd><xen:contentcheck>{xen:helper userFieldValue, $fieldInfo, $user, {$user.customFields.{$fieldId}}}</xen:contentcheck></dd>
With this code the default icons are in vertical mode.

I need someone to help me modify it to have the icons in horizontal mode.

Can you help?



XenForo moderator
Staff member
Try adding something like this to EXTRA.css:
.pairsInline .userField_facebook,
.pairsInline .userField_skype,
.pairsInline .userField_twitter {
float: left;
margin-right: 5px;