Arrows for categories with sub-categories

[karenkte]

On my main page I have a category which has subcategories.....I do not want the arrow which sets this category apart on the main page but I am not sure how to remove it.

If you look on my main page here http://www.fairytalefashions.co.uk/

you can see half way down on the left hand side what I mean....I just want all categories to look exactly the same on the main page whether or not they contain sub-categories

Thanks

[stevesh]

Admin - Configuration - Layout Settings - Categories Separator between the Category Name and Count

[karenkte]

Thanks....I have removed everything from this setting but the arrow is still there....not sure what to try next...any suggestions appreciated...thanks

[stevesh]

Looks like part of the betterCategories mod. You might look at the instructions there.

[jasonh1234]

You could also replace the -> with an image by adding:

&nbsp;<img src="my_arrow.gif" height="10" width="10">

[madabouttoys]

I am trying to remove the arrow in front of the sub category but I cant seem to remove it. So it stands out from the main category

I managed to remove the > that was after the sub category.

Any ideas, you can see what I mean on www.madabouttoys.co.uk

Thanks for your help

[gjh42]

That is controlled for your template by

stylesheet.css (line 433)

#categoriesContent a {
background: url("../images/sidelink1.jpg") no-repeat scroll 0 0 transparent;
color: #696969;
float: left;
font: 12px Arial,Helvetica,sans-serif;
height: 23px;
margin: 0;
padding-left: 22px;
padding-top: 5px;
text-align: left;
text-decoration: none;
width: 211px;
}

You would want to make rules for top and subcategories that distinguish the background to use.

[madabouttoys]

Thank you for the reply,

Do I need to just paste the code you have mentioned in the sheet? Will the code then only show the arrow next to the master category e.g Indoor or Outdoor etc

[gjh42]

No, that is the code you currently have in your stylesheet. You will need to duplicate and modify that into more specific rules referencing the .category-top or .category-subs and .category-products classes.
Remove the

background: url("../images/sidelink1.jpg") no-repeat scroll 0 0 transparent;

from the rule above, and add it to a new rule below that one:

#categoriesContent a.category-top {
background: url("../images/sidelink1.jpg") no-repeat;
}