Changing css on the sidebar widget

I've added CSS Classes in that Block so that you can add custom CSS to EXTRA.css.

I've pasted in some of the HTML from that template to show the custom classes that you can use.

first is the class scfhtabcontainer on the UL which controls everything within the UL.

next is scfhDL which controls the DL's
next is scfhDt which controls the DT's
next is scfhDd which controls the DD's

#scfhtabcontainer .scfhDt a {font-weight: bold;} for example will bold the title

HTML:

            <ul id="scfhtabcontainer">
                <xen:if is="{$featuredItems}">
                    <li>
                        <div style="padding-top:10px;">         
                            <dl class="scfhDL"> 
                                <xen:foreach loop="$featuredItems" value="$featuredItem">
                                    <dt style="margin-top:5px;" class="scfhDt">
                                        <a href="{xen:link showcase, $featuredItem}">{xen:helper snippet, $featuredItem.item_name, 40}</a>
                                    </dt>
                                    <dd class="muted" class="scfhDd">
                                        <xen:username user="$featuredItem" />,</span> <a href="{xen:link showcase, $featuredItem}" class="faint"><xen:datetime time="$featuredItem.date_added" /></a>, <span><a href="{xen:link showcase-category, $featuredItem}">{$featuredItem.category_name}</a>
                                    </dd>
                                </xen:foreach>             
                            </dl>
                        </div>
                    </li>             
                </xen:if>

 

add this to extra.css

.scfhDt a {font-weight: bold;}

 

did you add it to the right style?

btw, you don't need !important as it is its own class and not a class that is being overridden.

 

Ah, your template doesn't have the new Classes...

you will need to edit the template itself and add the class name like below to the dt tags.

template name: nflj_showcase_sidebar_tabbed_items

<dt style="margin-top:5px;" class="scfhDt">

 

If you can't figure out how to add the class, just let me know and I will do it for ya. its part of changes for the next version of SC.

 

send me an inbox here or at xf.com with login credentials (make sure I have full administrative permissions so that I can edit templates) and I will do it for you and then you can look and see how I did it.