1. 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

Discussion in 'Styling and Customization Questions' started by NunzioG, Feb 22, 2012.

  1. NunzioG

    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?
     

    Attached Files:

    Klaudius likes this.
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Add float: left to the CSS class.
     
  3. NunzioG

    NunzioG Member

    Excuse me Brogan but are impractical.

    you can show me exactly what I should do?

    Tks
     
  4. NunzioG

    NunzioG Member

    Someone can help me?
     
  5. Forsaken

    Forsaken Well-Known Member

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

    NunzioG Member

    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="$userFieldsInfokey="$fieldIdvalue="$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
     
  7. NunzioG

    NunzioG Member

    nobody can help me?
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

    Link me to your site so I can see how you've added them.
     
    Klaudius likes this.
  9. NunzioG

    NunzioG Member

  10. NunzioG

    NunzioG Member

  11. Brogan

    Brogan XenForo Moderator Staff Member

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

    NunzioG Member

    I have addedd you code bat not work :(
     

Share This Page