Got a problem with my thread prefixes

Tott3 · Nov 4, 2012

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.

Deleted member 10469 · Nov 5, 2012

Hello, this is probably the design is done so voluntarily or not.

Tott3 · Nov 5, 2012

Do you know any way to fix it?

Deleted member 10469 · Nov 5, 2012

Should show it to your site to see what style property is applied to the class in question.

Tott3 · Nov 5, 2012

Unfortunately I'm not very good with this stuff and I have no idea what you're saying

Deleted member 10469 · Nov 5, 2012

Your url please ?

Tott3 · Nov 5, 2012

Here's an example http://www.obsessed-gaming.com/forums/PvPApps/

It shows [Prefix] instead of these

Deleted member 10469 · Nov 5, 2012

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; }

Tott3 · Nov 5, 2012

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;
}

Deleted member 10469 · Nov 5, 2012

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

Tott3 · Nov 5, 2012

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

Deleted member 10469 · Nov 5, 2012

And the master style template ?

Tott3 · Nov 5, 2012

Don't know what that one is called.

Deleted member 10469 · Nov 5, 2012

Else look the xenforo style property:

titlePrefix
discussionListPrefix

Use shearch and look Style Property

Tott3 · Nov 5, 2012

Where do I do that?

As said, I'm kinda new to this and not very good at it.

Deleted member 10469 · Nov 5, 2012

==>

right ^^

and look:

Deleted member 10469 · Nov 5, 2012

titlePrefix

Have you image path defined ?
@imagePath/xenforo/gradients/form-button-white-25px.png

Tott3 · Nov 5, 2012

Deleted member 10469 · Nov 5, 2012

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

Deleted member 10469 · Nov 5, 2012

Else shearch custom template where "prefix" is present in the code.

Got a problem with my thread prefixes

Active member

Deleted member 10469

Guest

Active member

Deleted member 10469

Guest

Active member

Deleted member 10469

Guest

Active member

Deleted member 10469

Guest

Active member

Deleted member 10469

Guest

Active member

Deleted member 10469

Guest

Active member

Deleted member 10469

Guest

Active member

Deleted member 10469

Guest

Deleted member 10469

Guest

Active member

Deleted member 10469

Guest

Deleted member 10469

Guest

Similar threads

We value your privacy