Categories Dressing

[gjh42]

I need to see exactly what you have in your categories_dressing_defines.php to diagnose the problems you report. Post it between [php] and [/php] tags. Also seeing your store will help.

[ryanb4614]

GOT IT! Error in my style sheet was block out all the defines, when I was trying to get something to go away i did

noLi{ display:none;} 

[ryanb4614]

For

#categories ul a.nonCatLink { 

how would you input the a:link code for this?

#categories ul a.nonCatLink a:link 

is unsuccessful

im trying to blend it with the categories color, what i have so far

stylesheet:

#categories ul a.nonCatLink {
  display: list-item;
    list-style: none;/*change to list-style: none; to remove bullet*/
    background: no-repeat;
    border: none;
    margin-left: 20px;
    margin-bottom:5px;
    margin-top:5px;
    padding: 0;
    } 

define:

define ('CAT_BOX_HEADING_66','0|0|||<a class="nonCatLink" href="index.php?main_page=page&id=5">Link to EZ-Page 5</a>|4|<a class="nonCatLink" href="index.php?main_page=page&id=6">Link to EZ-Page 6</a>|4');//two links - style 4 

[ryanb4614]

Answer to above post is:

.catBoxHeading4 a:link { 

Question gjh42,

If my category name is for example Dog and its category id number is 1-> instead of changing the category name through admin, keeping it at Dog can I have it appear in the category sidebox as Dog Supplies? Reasoning behind this is because I have many links pointing to the url that it is at now (using ultimate seo), it would be great if there was someway to hide Dog and have Dog Supplies appear. If this is possible can you give me a step by step thanks!

This mod is great, very flexible with custom design!

[KismetDesign]

I think my question got lost.

[gjh42]

Sorry:)
The bullets are part of the display: list-item; output, and the only way to totally eliminate them is to change to display: block; and then use the arrow as a background-image, adjusting all the rest of the styling, padding, etc as required. How long do they appear? It seems you must have some slow loading for them to show long enough to notice.

Ryan - If you want to change the text that appears for the Dog category, you can make an image with "Dog Supplies" in it, and replace the text with that image. Everywhere else that category name appears, though, will still say just Dog.

You don't actually need to have "a:link" in your selector to style the links.

#categories ul a.nonCatLink {

will control basic links, and if you want hover effects, use

#categories ul a.nonCatLink:hover {

[KismetDesign]

I did what you said, and got the arrows to be replaced by the bullets, thank God. It looks alot better. I've got one last padding issue...

When you click on a category with subcats, the subcats look fine, but the arrows next to those subcats are not aligned to the center, they are way up above them.

I've spent about an hour trying to edit the CSS to get them to look right. Any clue why this might be happening?

#categories ul ul a {/*subcategories*/
display: block;
background: transparent url(../images/bullet1.gif) no-repeat scroll 0 0 0 6px;
border: none;
margin: 0 0 0 15px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

http://tinyurl.com/qukhsa

[gjh42]

background: transparent url(../images/bullet1.gif) no-repeat scroll 0 0 0 6px;

Are these four values trying to locate the bg image? They won't work that way. It takes one or two values, horizontal from left and vertical from top.
Try

background: transparent url(../images/bullet1.gif) no-repeat scroll 6px 50%;

[gjh42]

With a little tweaking in Firebug I get this:

#categories ul ul a {/*subcategories*/
    display: block;
    background: transparent url(../images/bullet1.gif) no-repeat scroll 0 1.3em;
    border: none;
    margin: 0 0 0 15px;
    padding: 10px 0 0 12px;
    }

[KismetDesign]

Glenn, that looks SO MUCH BETTER! I don't know how you did it, but thank you so much. What a relief that it got fixed.

Is there a quick and easy way to get the arrows to line up under the first letter of the main category? That means the arrows and the sub cat titles would move to the left about 15 pix?

-KismetDesign