How to get the ribbon on images?

you need to upload the showcase images into your custom styles image path.

It is looking for the image HERE: styles/truckmountforums/nflj/showcase/icons/featured3.png

when it is stored here: styles/default/nflj/showcase/icons/featured3.png

easiest way to do this is to drop the /styles/default/nflj FOLDER from the zip file directly into /styles/truckmountforums

 

add this to your EXTRA.css template for your custom style.

HTML:

.showcaseCategoryList .count {
    color: #000000 !important;
}

 

works for me. Are you sure you put it in the correct style?

 

Im looking at your site right now and the COUNT numbers in the right hand column ARE changed to black using the above CSS. I DO see an issue however. Need to wrap the block in a div with the section class...

Try this...

Edit template: nflj_showcase_index_sidebar

FIND:

HTML:

        <div class="secondaryContent showcaseCategoryList">
            <h3>{xen:phrase nflj_showcase_categories}</h3>
            <xen:if is="{$categories}">
                <ol>
                <xen:foreach loop="$categories" value="$_category">
                    <li class="{xen:if '{$_category.category_id} == {$selectedCategoryId}', selected}">
                        <a href="{xen:link showcase/category, $_category}" {xen:if $_category.category_description, 'title="{xen:helper striphtml, $_category.category_description}" class="Tooltip" data-tipclass="showcaseCategoryTooltip"'}>{$_category.category_name}</a>
                        <span class="count">{xen:number $_category.item_count}</span>
                    </li>
                </xen:foreach>
                </ol>
            <xen:else />
                <div>{xen:phrase nflj_showcase_no_categories}</div>
            </xen:if>
        </div>

Replace with:

HTML:

    <div class="section">
        <div class="secondaryContent showcaseCategoryList">
            <h3>{xen:phrase nflj_showcase_categories}</h3>
            <xen:if is="{$categories}">
                <ol>
                <xen:foreach loop="$categories" value="$_category">
                    <li class="{xen:if '{$_category.category_id} == {$selectedCategoryId}', selected}">
                        <a href="{xen:link showcase/category, $_category}" {xen:if $_category.category_description, 'title="{xen:helper striphtml, $_category.category_description}" class="Tooltip" data-tipclass="showcaseCategoryTooltip"'}>{$_category.category_name}</a>
                        <span class="count">{xen:number $_category.item_count}</span>
                    </li>
                </xen:foreach>
                </ol>
            <xen:else />
                <div>{xen:phrase nflj_showcase_no_categories}</div>
            </xen:if>
        </div>  
    </div>

Then for the CATEGORY Sidebar...

edit template: nflj_showcase_category_sidebar

FIND:

HTML:

        <div class="secondaryContent showcaseCategoryList">
            <h3>{xen:phrase nflj_showcase_categories}</h3>
            {xen:raw $categorySidebarHtml}
        </div>

REPLACE WITH:

HTML:

    <div class="section">
        <div class="secondaryContent showcaseCategoryList">
            <h3>{xen:phrase nflj_showcase_categories}</h3>
            {xen:raw $categorySidebarHtml}
        </div>
    </div>