X-Cart forums

[Chad_Austin]

Hi Gurus

Within my "Categories" Menu (which, if it makes an difference, has 'fancy categories' installed) I want to change the CSS so i can get the whole list to scoot to the left about 50 pixels (I think the category icon space is creating this space, this but I don't know for sure.. within the attached image, I'm referring to the red area)...

http://www.chadaustin.com/images/screenshot_category-space.jpg

Also, I want to make the (category) font smaller... I can't seem to find this within main.css either... but I've been known to overlook a trainwreck directly in front of me .

Thanks folks,
Chad

[cflsystems]

Use Firefox with Firebug - it will tell you exactly which classes and in which css file you have to change. For fancy categories I would assume they have their own css file?

[Chad_Austin]

Thanks Steve... I did find it, believe it or not... I must have looked over the "Fancy cat..." main.css 20x times and missed it. And here I am certified in CSS like 3 times.

Go figure.

And that worked... and there was much rejoicing!

But this leads me to another question... within the Fancy Categories set-up, each category displays the number of items (in pararethesis). I want to be able to format this number to go from looking like FIG A. below to FIG B.

http://www.chadaustin.com/images/fancy_issue_screenshot.jpg

I'm sure this is something where I'd have to find the the php query and format just this area but I have no idea where to find it. Any suggestions?

Thanks again Steve, and to anyone who might volunteer an answer.

Chad

[cflsystems]

Don't have fancy cats but this is probably in the tpl that populates the menu - the number is under same class as the cat name. You just have to find it in the tpl and maybe surround the number in <span> with new color

[Chad_Austin]

You're correct Steve... I found it within fancy_subcateogries.tpl... located by this path: skin1/modules/Fancy_Categories/Icons

Within the <span>, you can see my down and dirty "inline" solution below.

{strip}
      <a href="home.php?cat={$catid}"{if $config.Appearance.count_products eq "Y"} title="{$lng.lbl_products|escape}: {$c.product_count|default:0}{if $c.subcategory_count gt 0} {$lng.lbl_subcategories|escape}: {$c.subcategory_count}{/if}"{/if} class="{if $config.Fancy_Categories.icons_icons_in_categories gte $level+1}icon-link{/if}{if $config.Fancy_Categories.icons_disable_subcat_triangle ne 'Y' && $c.subcategory_count gt 0} sub-link{/if}{if $config.Fancy_Categories.icons_empty_category_vis eq 'Y' && !$c.childs && !$c.product_count} empty-link{/if}{if $config.Fancy_Categories.icons_nowrap_category eq 'Y'} nowrap-link{/if}">
        {if $config.Fancy_Categories.icons_icons_in_categories gte $level+1 && $c.is_icon}
          <img src="{$c.icon_url|amp}" alt="" />
        {/if}
        {$c.category|amp}
        {if $config.Fancy_Categories.icons_display_products_cnt eq 'Y' && $c.top_product_count gt 0}
           <span style="font-size: 9px; font-weight:normal; color: #82730c">({$c.top_product_count})</span>
        {/if}
      </a>
      {/strip}

Thanks for point in the right direction, Steve.. I put all this on here so hopefully somone else will benefit from my ignorance.

Chad

[cflsystems]

I would make the style a class in the css and have <span class=""> as it will be used many times for the menu

[Chad_Austin]

Yes, you are correct. I will do just that! Thanks-
C