Got a problem with my thread prefixes

Tott3

Active member
I've been google for a while now and all I could find on this issue was an unanswered thread on some random forum.

Does anyone know why my prefix icon doesn't show up as those little bubbles?
They show up in plain text. I'm using the Flexile theme if that might matter.

Thanks for any help in advance.
 
Here's an example http://www.obsessed-gaming.com/forums/PvPApps/

It shows [Prefix] instead of these
xenforo_prefixes.png
 
Your template thread_prefixes.css is customised ?

If yes compare files.
By default:

Code:
.prefix
{
    @property "titlePrefix";
    background: transparent url('@imagePath/xenforo/gradients/form-button-white-25px.png') repeat-x top;
    padding: 0px 6px;
    margin: -1px 0;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    @property "/titlePrefix";
}
 
a.prefixLink:hover
{
    text-decoration: none;
}
 
a.prefixLink:hover .prefix
{
    @property "titlePrefixHover";
    color: @primaryMedium;
    text-decoration: none;
    background-color: @primaryLightest;
    padding: 0 6px;
    border: 1px solid @primaryLighter;
    @property "/titlePrefixHover";
}
 
.prefix a { color: inherit; }
 
.prefix.prefixPrimary    { color: @primaryMedium; background-color: @primaryLighterStill; border-color: @primaryLighterStill; }
.prefix.prefixSecondary  { color: @secondaryDark; background-color: @secondaryLighter; border-color: @secondaryLighter; }
 
.prefix.prefixRed        { color: white; background-color: red; border-color: #F88; }
.prefix.prefixGreen      { color: white; background-color: green; border-color: green; }
.prefix.prefixOlive      { color: black; background-color: olive; border-color: olive; }
.prefix.prefixLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; }
.prefix.prefixBlue      { color: white; background-color: blue; border-color: #88F; }
.prefix.prefixRoyalBlue  { color: white; background-color: royalblue; border-color: #81A9E1;  }
.prefix.prefixSkyBlue    { color: black; background-color: skyblue; border-color: skyblue; }
.prefix.prefixGray      { color: black; background-color: gray; border-color: #AAA; }
.prefix.prefixSilver    { color: black; background-color: silver; border-color: silver; }
.prefix.prefixYellow    { color: black; background-color: yellow; border-color: #E0E000; }
.prefix.prefixOrange    { color: black; background-color: orange; border-color: #FFC520; }
 
.discussionListItem .prefix,
.searchResult .prefix
{
    @property "discussionListPrefix";
    font-size: 80%;
    margin: 0;
    line-height: 15px;
    @property "/discussionListPrefix";
 
    font-weight: normal;
}
 
h1 .prefix
{
    @property "discussionListPrefix";
    font-size: 80%;
    margin: 0;
    line-height: 15px;
    @property "/discussionListPrefix";
 
    line-height: normal;
}
 
.breadcrumb span.prefix,
.heading span.prefix
{
    @property "breadcrumbTitlePrefix";
    font-style: italic;
    font-weight: normal;
    background: none;
    padding: 0;
    margin: 0;
    border: 0 none black;
    border-radius: 0;
    display: inline;
    @property "/breadcrumbTitlePrefix";
    color: inherit;
}

The author probably deleted or edit the stuff inside.


look here:

Code:
.prefix a { color: inherit; }
 
.prefix.prefixPrimary    { color: @primaryMedium; background-color: @primaryLighterStill; border-color: @primaryLighterStill; }
.prefix.prefixSecondary  { color: @secondaryDark; background-color: @secondaryLighter; border-color: @secondaryLighter; }
 
.prefix.prefixRed        { color: white; background-color: red; border-color: #F88; }
.prefix.prefixGreen      { color: white; background-color: green; border-color: green; }
.prefix.prefixOlive      { color: black; background-color: olive; border-color: olive; }
.prefix.prefixLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; }
.prefix.prefixBlue      { color: white; background-color: blue; border-color: #88F; }
.prefix.prefixRoyalBlue  { color: white; background-color: royalblue; border-color: #81A9E1;  }
.prefix.prefixSkyBlue    { color: black; background-color: skyblue; border-color: skyblue; }
.prefix.prefixGray      { color: black; background-color: gray; border-color: #AAA; }
.prefix.prefixSilver    { color: black; background-color: silver; border-color: silver; }
.prefix.prefixYellow    { color: black; background-color: yellow; border-color: #E0E000; }
.prefix.prefixOrange    { color: black; background-color: orange; border-color: #FFC520; }
 
Well, I can't find any difference and changing thread_prefix.css to your text didn't make any difference either so I changed it back.

Code:
.prefix
{
    @property "titlePrefix";
    background: transparent url('@imagePath/xenforo/gradients/form-button-white-25px.png') repeat-x top;
    padding: 0px 6px;
    margin: -1px 0;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    @property "/titlePrefix";
}
 
a.prefixLink:hover
{
    text-decoration: none;
}
 
a.prefixLink:hover .prefix
{
    @property "titlePrefixHover";
    color: @primaryMedium;
    text-decoration: none;
    background-color: @primaryLightest;
    padding: 0 6px;
    border: 1px solid @primaryLighter;
    @property "/titlePrefixHover";
}
 
.prefix a { color: inherit; }
 
.prefix.prefixPrimary    { color: @primaryMedium; background-color: @primaryLighterStill; border-color: @primaryLighterStill; }
.prefix.prefixSecondary  { color: @secondaryDark; background-color: @secondaryLighter; border-color: @secondaryLighter; }
 
.prefix.prefixRed        { color: white; background-color: red; border-color: #F88; }
.prefix.prefixGreen      { color: white; background-color: green; border-color: green; }
.prefix.prefixOlive      { color: black; background-color: olive; border-color: olive; }
.prefix.prefixLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; }
.prefix.prefixBlue      { color: white; background-color: blue; border-color: #88F; }
.prefix.prefixRoyalBlue  { color: white; background-color: royalblue; border-color: #81A9E1;  }
.prefix.prefixSkyBlue    { color: black; background-color: skyblue; border-color: skyblue; }
.prefix.prefixGray      { color: black; background-color: gray; border-color: #AAA; }
.prefix.prefixSilver    { color: black; background-color: silver; border-color: silver; }
.prefix.prefixYellow    { color: black; background-color: yellow; border-color: #E0E000; }
.prefix.prefixOrange    { color: black; background-color: orange; border-color: #FFC520; }
 
.discussionListItem .prefix,
.searchResult .prefix
{
    @property "discussionListPrefix";
    font-size: 80%;
    margin: 0;
    line-height: 15px;
    @property "/discussionListPrefix";
   
    font-weight: normal;
}
 
h1 .prefix
{
    @property "discussionListPrefix";
    font-size: 80%;
    margin: 0;
    line-height: 15px;
    @property "/discussionListPrefix";
   
    line-height: normal;
}
 
.breadcrumb span.prefix,
.heading span.prefix
{
    @property "breadcrumbTitlePrefix";
    font-style: italic;
    font-weight: normal;
    background: none;
    padding: 0;
    margin: 0;
    border: 0 none black;
    border-radius: 0;
    display: inline;
    @property "/breadcrumbTitlePrefix";
    color: inherit;
}
 
And inside the thread_list template ? Are customised ?

Code:
<xen:require css="discussion_list.css" />
<xen:require js="js/xenforo/discussion_list.js" />
 
<form action="{xen:link inline-mod/thread/switch}" method="post"
    class="DiscussionList InlineModForm"
    data-cookieName="threads"
    data-controls="#InlineModControls"
    data-imodOptions="#ModerationSelect option">
 
    <xen:if hascontent="true">
        <div class="discussionListFilters secondaryContent">
            <h3 class="filtersHeading">{xen:phrase filters}:</h3>
            <dl class="pairsInline filterPairs">
            <xen:contentcheck>
            <xen:if is="{$displayConditions.prefix_id}">
                <dt>{xen:phrase prefix}:</dt>
                <dd><a href="{xen:link forums, $forum, '_params={$pageNavParams}', 'prefix_id='}" class="removeFilter Tooltip" title="{xen:phrase remove_filter}">{xen:helper threadPrefix, $displayConditions.prefix_id, escaped, ''} <span class="gadget">x</span></a></dd>
            </xen:if>
            </xen:contentcheck>
            </dl>
            <dl class="pairsInline removeAll">
                <dt>{xen:phrase remove_all_filters}:</dt>
                <dd><a href="{xen:link forums, $forum, 'order={$pageNavParams.order}', 'direction={$pageNavParams.direction}'}" class="removeAllFilters Tooltip" title="{xen:phrase remove_all_filters}">x</a></dd>
            </dl>
        </div>
    </xen:if>
 
    <dl class="sectionHeaders">
        <dt class="posterAvatar"><a><span>{xen:phrase sort_by}:</span></a></dt>
        <dd class="main">
            <a href="{xen:link forums, $forum, '_params={$orderParams.title}'}" class="title"><span>{xen:phrase title}{xen:helper sortArrow, $order, $orderDirection, title}</span></a>
            <a href="{xen:link forums, $forum, '_params={$orderParams.post_date}'}" class="postDate"><span>{xen:phrase start_date}{xen:helper sortArrow, $order, $orderDirection, post_date}</span></a>
        </dd>
        <dd class="stats">
            <a href="{xen:link forums, $forum, '_params={$orderParams.reply_count}'}" class="major"><span>{xen:phrase replies}{xen:helper sortArrow, $order, $orderDirection, reply_count}</span></a>
            <a href="{xen:link forums, $forum, '_params={$orderParams.view_count}'}" class="minor"><span>{xen:phrase views}{xen:helper sortArrow, $order, $orderDirection, view_count}</span></a>
        </dd>
        <dd class="lastPost"><a href="{xen:link forums, $forum, '_params={$orderParams.last_post_date}'}"><span>{xen:phrase last_message}{xen:helper sortArrow, $order, $orderDirection, last_post_date}</span></a></dd>
    </dl>
 
    <ol class="discussionListItems">
    <xen:if is="{$stickyThreads} OR {$threads}">
        <xen:set var="$showLastPageNumbers">1</xen:set>
        <xen:set var="$linkPrefix">1</xen:set>
 
        <xen:hook name="thread_list_stickies">
        <xen:foreach loop="$stickyThreads" value="$thread">
            <xen:include template="thread_list_item" />
        </xen:foreach>
        </xen:hook>
     
        <xen:include template="ad_thread_list_below_stickies" />
     
        <xen:hook name="thread_list_threads">
        <xen:foreach loop="$threads" value="$thread">
            <xen:include template="thread_list_item" />
        </xen:foreach>
        </xen:hook>
     
        <xen:edithint template="thread_list_item_edit" />
    <xen:else />
        <li class="primaryContent">{xen:phrase there_no_threads_to_display}</li>
    </xen:if>
    </ol>
 
    <xen:if is="{$totalThreads} OR {$inlineModOptions}">
        <div class="sectionFooter InlineMod SelectionCountContainer">
            <xen:if is="{$totalThreads}"><span class="contentSummary">{xen:phrase showing_threads_x_to_y_of_z, 'start={xen:number $threadStartOffset}', 'end={xen:number $threadEndOffset}', 'total={xen:number $totalThreads}'}</span></xen:if>
 
            <xen:if is="{$inlineModOptions}">
                <xen:include template="inline_mod_controls_thread" />
            </xen:if>
        </div>
    </xen:if>
 
    <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
</form>
 
<h3 id="DiscussionListOptionsHandle" class="JsOnly"><a href="#">{xen:phrase thread_display_options}</a></h3>
 
<form action="{xen:link 'forums', $forum}" method="post" class="DiscussionListOptions secondaryContent">
 
    <xen:hook name="thread_list_options">
    <div class="controlGroup">
        <label for="ctrl_order">{xen:phrase sort_threads_by}:</label>
        <select name="order" id="ctrl_order" class="textCtrl">
            <option value="last_post_date" {xen:selected "{$order} == 'last_post_date'"}>{xen:phrase last_message_time}</option>
            <option value="post_date" {xen:selected "{$order} == 'post_date'"}>{xen:phrase thread_creation_time}</option>
            <option value="title" {xen:selected "{$order} == 'title'"}>{xen:phrase title_alphabetical}</option>
            <option value="reply_count" {xen:selected "{$order} == 'reply_count'"}>{xen:phrase number_of_replies}</option>
            <option value="view_count" {xen:selected "{$order} == 'view_count'"}>{xen:phrase number_of_views}</option>
            <option value="first_post_likes" {xen:selected "{$order} == 'first_post_likes'"}>{xen:phrase first_message_likes}</option>
        </select>
    </div>
 
    <div class="controlGroup">
        <label for="ctrl_direction">{xen:phrase order_threads_in}:</label>
        <select name="direction" id="ctrl_direction" class="textCtrl">
            <option value="desc" {xen:selected "{$orderDirection} == 'desc'"}>{xen:phrase descending_order}</option>
            <option value="asc" {xen:selected "{$orderDirection} == 'asc'"}>{xen:phrase ascending_order}</option>
        </select>
    </div>
 
    <xen:if is="{$forum.prefixCache}">
        <div class="controlGroup">
            <label for="ctrl_prefix_id">{xen:phrase prefix}:</label>
            <select name="prefix_id" id="ctrl_prefix_id" class="textCtrl">
                <option value="0" {xen:selected '!{$displayConditions.prefix_id}'}>({xen:phrase any})</option>
                <xen:foreach loop="$forum.prefixCache" key="$prefixGroupId" value="$prefixes">
                    <xen:if is="{$prefixGroupId}">
                        <optgroup label="{xen:helper threadPrefixGroup, $prefixGroupId}">
                        <xen:foreach loop="$prefixes" value="$prefixId">
                            <option value="{$prefixId}" {xen:selected '{$displayConditions.prefix_id} == {$prefixId}'}>{xen:helper threadPrefix, $prefixId, escaped, ''}</option>
                        </xen:foreach>
                        </optgroup>
                    <xen:else />
                        <xen:foreach loop="$prefixes" value="$prefixId">
                            <option value="{$prefixId}" {xen:selected '{$displayConditions.prefix_id} == {$prefixId}'}>{xen:helper threadPrefix, $prefixId, escaped, ''}</option>
                        </xen:foreach>
                    </xen:if>
                </xen:foreach>
            </select>
        </div>
    </xen:if>
 
    <div class="buttonGroup">
        <input type="submit" class="button primary" value="{xen:phrase set_options}" />
        <input type="reset" class="button" value="{xen:phrase cancel}" />
    </div>
    </xen:hook>
 
    <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
</form>
 
<xen:include template="preview_tooltip" />
 
Nope, nothing there either as far as I can see.

Code:
<xen:require css="discussion_list.css" />
<xen:require js="js/xenforo/discussion_list.js" />
 
<form action="{xen:link inline-mod/thread/switch}" method="post"
    class="DiscussionList InlineModForm"
    data-cookieName="threads"
    data-controls="#InlineModControls"
    data-imodOptions="#ModerationSelect option">
   
    <xen:if hascontent="true">
        <div class="discussionListFilters secondaryContent">
            <h3 class="filtersHeading">{xen:phrase filters}:</h3>
            <dl class="pairsInline filterPairs">
            <xen:contentcheck>
            <xen:if is="{$displayConditions.prefix_id}">
                <dt>{xen:phrase prefix}:</dt>
                <dd><a href="{xen:link forums, $forum, '_params={$pageNavParams}', 'prefix_id='}" class="removeFilter Tooltip" title="{xen:phrase remove_filter}">{xen:helper threadPrefix, $displayConditions.prefix_id, escaped, ''} <span class="gadget">x</span></a></dd>
            </xen:if>
            </xen:contentcheck>
            </dl>
            <dl class="pairsInline removeAll">
                <dt>{xen:phrase remove_all_filters}:</dt>
                <dd><a href="{xen:link forums, $forum, 'order={$pageNavParams.order}', 'direction={$pageNavParams.direction}'}" class="removeAllFilters Tooltip" title="{xen:phrase remove_all_filters}">x</a></dd>
            </dl>
        </div>
    </xen:if>
 
    <dl class="sectionHeaders">
        <dt class="posterAvatar"><a><span>{xen:phrase sort_by}:</span></a></dt>
        <dd class="main">
            <a href="{xen:link forums, $forum, '_params={$orderParams.title}'}" class="title"><span>{xen:phrase title}{xen:helper sortArrow, $order, $orderDirection, title}</span></a>
            <a href="{xen:link forums, $forum, '_params={$orderParams.post_date}'}" class="postDate"><span>{xen:phrase start_date}{xen:helper sortArrow, $order, $orderDirection, post_date}</span></a>
        </dd>
        <dd class="stats">
            <a href="{xen:link forums, $forum, '_params={$orderParams.reply_count}'}" class="major"><span>{xen:phrase replies}{xen:helper sortArrow, $order, $orderDirection, reply_count}</span></a>
            <a href="{xen:link forums, $forum, '_params={$orderParams.view_count}'}" class="minor"><span>{xen:phrase views}{xen:helper sortArrow, $order, $orderDirection, view_count}</span></a>
        </dd>
        <dd class="lastPost"><a href="{xen:link forums, $forum, '_params={$orderParams.last_post_date}'}"><span>{xen:phrase last_message}{xen:helper sortArrow, $order, $orderDirection, last_post_date}</span></a></dd>
    </dl>
 
    <ol class="discussionListItems">
    <xen:if is="{$stickyThreads} OR {$threads}">
        <xen:set var="$showLastPageNumbers">1</xen:set>
        <xen:set var="$linkPrefix">1</xen:set>
   
        <xen:hook name="thread_list_stickies">
        <xen:foreach loop="$stickyThreads" value="$thread">
            <xen:include template="thread_list_item" />
        </xen:foreach>
        </xen:hook>
       
        <xen:include template="ad_thread_list_below_stickies" />
       
        <xen:hook name="thread_list_threads">
        <xen:foreach loop="$threads" value="$thread">
            <xen:include template="thread_list_item" />
        </xen:foreach>
        </xen:hook>
       
        <xen:edithint template="thread_list_item_edit" />
    <xen:else />
        <li class="primaryContent">{xen:phrase there_no_threads_to_display}</li>
    </xen:if>
    </ol>
 
    <xen:if is="{$totalThreads} OR {$inlineModOptions}">
        <div class="sectionFooter InlineMod SelectionCountContainer">
            <xen:if is="{$totalThreads}"><span class="contentSummary">{xen:phrase showing_threads_x_to_y_of_z, 'start={xen:number $threadStartOffset}', 'end={xen:number $threadEndOffset}', 'total={xen:number $totalThreads}'}</span></xen:if>
 
            <xen:if is="{$inlineModOptions}">
                <xen:include template="inline_mod_controls_thread" />
            </xen:if>
        </div>
    </xen:if>
 
    <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
</form>
 
<h3 id="DiscussionListOptionsHandle" class="JsOnly"><a href="#">{xen:phrase thread_display_options}</a></h3>
 
<form action="{xen:link 'forums', $forum}" method="post" class="DiscussionListOptions secondaryContent">
 
    <xen:hook name="thread_list_options">
    <div class="controlGroup">
        <label for="ctrl_order">{xen:phrase sort_threads_by}:</label>
        <select name="order" id="ctrl_order" class="textCtrl">
            <option value="last_post_date" {xen:selected "{$order} == 'last_post_date'"}>{xen:phrase last_message_time}</option>
            <option value="post_date" {xen:selected "{$order} == 'post_date'"}>{xen:phrase thread_creation_time}</option>
            <option value="title" {xen:selected "{$order} == 'title'"}>{xen:phrase title_alphabetical}</option>
            <option value="reply_count" {xen:selected "{$order} == 'reply_count'"}>{xen:phrase number_of_replies}</option>
            <option value="view_count" {xen:selected "{$order} == 'view_count'"}>{xen:phrase number_of_views}</option>
            <option value="first_post_likes" {xen:selected "{$order} == 'first_post_likes'"}>{xen:phrase first_message_likes}</option>
        </select>
    </div>
 
    <div class="controlGroup">
        <label for="ctrl_direction">{xen:phrase order_threads_in}:</label>
        <select name="direction" id="ctrl_direction" class="textCtrl">
            <option value="desc" {xen:selected "{$orderDirection} == 'desc'"}>{xen:phrase descending_order}</option>
            <option value="asc" {xen:selected "{$orderDirection} == 'asc'"}>{xen:phrase ascending_order}</option>
        </select>
    </div>
   
    <xen:if is="{$forum.prefixCache}">
        <div class="controlGroup">
            <label for="ctrl_prefix_id">{xen:phrase prefix}:</label>
            <select name="prefix_id" id="ctrl_prefix_id" class="textCtrl">
                <option value="0" {xen:selected '!{$displayConditions.prefix_id}'}>({xen:phrase any})</option>
                <xen:foreach loop="$forum.prefixCache" key="$prefixGroupId" value="$prefixes">
                    <xen:if is="{$prefixGroupId}">
                        <optgroup label="{xen:helper threadPrefixGroup, $prefixGroupId}">
                        <xen:foreach loop="$prefixes" value="$prefixId">
                            <option value="{$prefixId}" {xen:selected '{$displayConditions.prefix_id} == {$prefixId}'}>{xen:helper threadPrefix, $prefixId, escaped, ''}</option>
                        </xen:foreach>
                        </optgroup>
                    <xen:else />
                        <xen:foreach loop="$prefixes" value="$prefixId">
                            <option value="{$prefixId}" {xen:selected '{$displayConditions.prefix_id} == {$prefixId}'}>{xen:helper threadPrefix, $prefixId, escaped, ''}</option>
                        </xen:foreach>
                    </xen:if>
                </xen:foreach>
            </select>
        </div>
    </xen:if>
 
    <div class="buttonGroup">
        <input type="submit" class="button primary" value="{xen:phrase set_options}" />
        <input type="reset" class="button" value="{xen:phrase cancel}" />
    </div>
    </xen:hook>
 
    <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
</form>
 
<xen:include template="preview_tooltip" />
 
Else look the xenforo style property:

titlePrefix
discussionListPrefix

Use shearch and look Style Property

1mHnA
 
Sorry I do not know what more you try, you may be opening a ticket, unless others have the suggestion to make?
 
Top Bottom