How can I get the social icons in horizontal

[NunzioG]

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?

 

[Paul B]

Add float: left to the CSS class.

 

[NunzioG]

Excuse me Brogan but are impractical.

you can show me exactly what I should do?

Tks

 

[NunzioG]

Someone can help me?

 

[Forsaken]

Someone can help me?

Whats the site? Or post the code you're using.

 

[NunzioG]

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>
                            </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

 

[NunzioG]

nobody can help me?

 

[Paul B]

Link me to your site so I can see how you've added them.

 

[NunzioG]

http://www.forumstalk.it/forum/

 

[NunzioG]

up

 

[Paul B]

Try adding something like this to EXTRA.css:

.pairsInline .userField_facebook,
.pairsInline .userField_skype,
.pairsInline .userField_twitter {
float: left;
margin-right: 5px;
}

 

[NunzioG]

I have addedd you code bat not work