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

Got a problem with my thread prefixes

Tott3

Active member
#1
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.
 

Zephyr

Well-known member
#8
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

Active member
#9
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;
}
 

Zephyr

Well-known member
#10
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

Active member
#11
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" />