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

XF 1.4 Style Custom Field in Postbit


<xen:if is="{xen:property 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} AND ({$fieldInfo.display_group} != 'contact' OR {$user.allow_view_identities} == 'everyone' OR ({$user.allow_view_identities} == 'members' AND {$visitor.user_id}))">
            <xen:if hascontent="true">
                <dl class="pairsJustified userField_{$fieldId}">
                    <dt>{xen:helper userFieldTitle, $fieldId}:</dt>
                    <dd><xen:contentcheck>{xen:helper userFieldValue, $fieldInfo, $user, {$user.customFields.{$fieldId}}}</xen:contentcheck></dd>
this is the code in the Template "message_user_info" to Show Custom Fiels.

How can I add CSS Code in Extras.css to Style a Custom Field o_O
When I inspect the Element on the Website it Looks like this

<dl class="pairsJustified userField_custField1">
But I don`t get the CSS working for it - I guess I do something wrong with the CSS Path, or how I address the field :(