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

Discussion in 'Styling and Customization Questions' started by Tott3, Nov 4, 2012.

  1. Tott3

    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.
     
  2. Zephyr

    Zephyr Well-Known Member

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

    Tott3 Active Member

    Do you know any way to fix it?
     
  4. Zephyr

    Zephyr Well-Known Member

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

    Tott3 Active Member

    Unfortunately I'm not very good with this stuff and I have no idea what you're saying :p
     
  6. Zephyr

    Zephyr Well-Known Member

    Your url please ?
     
  7. Tott3

    Tott3 Active Member

  8. Zephyr

    Zephyr Well-Known Member

    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; }
     
  9. Tott3

    Tott3 Active Member

    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;
    }
     
  10. Zephyr

    Zephyr Well-Known Member

    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" />
     
  11. Tott3

    Tott3 Active Member

    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" />
     
  12. Zephyr

    Zephyr Well-Known Member

    And the master style template ?
     
  13. Tott3

    Tott3 Active Member

    Don't know what that one is called.
     
  14. Zephyr

    Zephyr Well-Known Member

    Else look the xenforo style property:

    titlePrefix
    discussionListPrefix

    Use shearch and look Style Property

    [​IMG]
     
  15. Tott3

    Tott3 Active Member

    Where do I do that? :p As said, I'm kinda new to this and not very good at it.
     
  16. Zephyr

    Zephyr Well-Known Member

    [​IMG]

    ==>

    [​IMG]

    right ^^

    and look:

    [​IMG]
     
  17. Zephyr

    Zephyr Well-Known Member

    titlePrefix


    [​IMG]

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

    Tott3 Active Member

  19. Zephyr

    Zephyr Well-Known Member

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

    Zephyr Well-Known Member

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

Share This Page