Categories Dressing

[MUtester]

that worked excellent!!! Thank you so much! Great mod, great help!

[Aplus Shoes]

Thank you so much for this great mod....You are the best : )

[jill8026]

Wow, you have an old version of Cat Dressing:) The code has completely changed in more recent versions. However, it should be easy for you to add a link; change the <span to <a and both </span> tags to </a>. 

I have been so busy building sites have'nt had time to look for updated mods....got to start getting better about that!!! :-)

Thanks for the help - give it a shot tomorrow.....

[Aplus Shoes]

Hello All,

I have a very simple question (I think : )

When I click on a sub category link, Firefox displays a small icon (bullet1.gif). How can I get Firefox settings to reflect IE7. Please see the examples below

,,,,,,,,,,,,,,,,,,,,,,, Firefox

...................IE7
Thank you

www.aplusshoes.com

[gjh42]

I don't know why IE shows it as you want it to be, but Firefox is showing it as you have told it to.

You have moved the list marker from #chcategories ul ul a {} to #chcategories ul ul {}, so the subcat list is getting the marker, and the specific selected link is also getting a marker, which you have changed from the original line (bullet3) to the standard arrow (bullet1).
This is the original CSS:

#chcategories ul ul {/*subcategory lists*/
    list-style: none;
    background: #ffeecc;
    border: none;
    margin: 0 0 0.4em 0;
    padding: 0 0 0 1.3em;
    }

#chcategories ul ul a {/*subcategories*/
    display: list-item;
    list-style: circle inside url(../images/bullet1.gif);/*change to list-style: none; to remove bullet*/
    background: #ffddbb;
    border: none;
    margin: 0;
    padding: 0;
    }


/*change  bullet when a category w/o bg image is open to products:*/
#chcategories li a.cat-selected-text {
    list-style: square inside url(../images/bullet3.gif);/*change to list-style: none; to remove bullet*/
    }

THis is what you have:

#chcategories ul ul {/*subcategory lists*/
    list-style: disc url(../images/bullet1.gif);
    background: #ffffff;
    border: none;
    margin: 0 0 0.4em 0;
    padding: 0 0 0 2.0em;
    }

#chcategories ul ul a {/*subcategories*/
	border: none;
    margin: 0;
    padding: 0;
	color: #0075e2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    }



/*change  bullet when a category w/o bg image is open to products:*/
#chcategories li a.cat-selected-text {
    list-style: square inside url(../images/bullet1.gif);/*change to list-style: none; to remove bullet*/
    }

Move the list-style from #chcategories ul ul {} back to #chcategories ul ul a {}.

[gjh42]

Jill - As long as the code you have is working for you, there is no need to upgrade the mod. The new versions have more functionality, but if you're happy with how it works now, keep it.

[Aplus Shoes]

gjh42,

Thank you for your quick reply. I was able to fix the mistake with your help....Thanks again for the great mod..

[Aplus Shoes]

(1) more question - How can I stop the bullets from loading. I would like the (orange arrow) bullet1.gif to load instead...

I'm very new at Zen Cart and CSS...Forgive me if i'm not using the correct terms.


.......disable this




..................Load This



http://www.aplusshoes.com

[Aplus Shoes]

Disregard my last post.....I decided to keep the bullets...

[gjh42]

The blue bullets you show as undesired are just the default CSS list markers (which use the color set for the list text).