How can I get the social icons in horizontal

NunzioG

Member
At the time I was able to see the social icons in vertical mode, but I'd rather have them all on a horizontal line.

How can I do?
 

Attachments

  • snap0010.webp
    snap0010.webp
    2.7 KB · Views: 40
Actually the default code of the template message_user_info is

PHP:
<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>
                            </dl>
                        </xen:if>
                    </xen:if>
                </xen:foreach>
               
            </xen:hook>
            </xen:if>

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?

tks
 
Try adding something like this to EXTRA.css:
Code:
.pairsInline .userField_facebook,
.pairsInline .userField_skype,
.pairsInline .userField_twitter {
float: left;
margin-right: 5px;
}
 
Top Bottom