X-Cart forums

[sparker2]

Hello, can someone please tell me how to resize this drop-down list that I am using below. Someone was so kind to share this code to create this drop list for my product categories but for some reason it will not re-size the width automatically to show the full category names and the names are being cut off on the right hand side. List works great, just needs to be wider and I have no idea where to start.


<select name="listCategories" onchange="window.location=this.options[selectedIndex].value">
<option value=""><font class="VertMenuItems">Select A Product Category</font></option>
{foreach from=$categories_menu_list item=c name=categories}
{if $c.order_by < 899 && $c.product_count ne 0}
<option value="home.php?cat={$c.categoryid}">{$c.category} </font></option>
{/if}
{/foreach}
</select>







I created a template called dropdown_categories.tpl and I have placed it here on my page:

<div id="st_menu_container">
<div id="st_menu">
{if $config.Smart_Template.st_horiz_menu eq "Y"}
{include file="custom/horiz_categories.tpl"}
{else}
{include file="custom/dropdown_categories.tpl"}
{/if}
</div>
</div>

--------------------------------------------------------------------
Inside my css the style is set to:

#st_menu_container { float: left; width: 42%; }
#st_menu { margin-right: 0px; }

These settings do nothing for the size though.

Thank you for your help and time. Shareen

[cflsystems]

It's the width you need to change. Use Firebug for FF to see exactly which class applies

[sparker2]

cflsystems, I have tried to view this in FF but I have no idea what I am looking for.