Categories Dressing

Quote:

---

Originally Posted by gjh42

It worked when I tested it on your site... I just tried it again and it still works.

---

you were right, now it is ok.
I don't know why, maybe I had upload the file not updated

thanks again
I have really finished
:cool::clap:

Glenn:

I hear you on duplicates so I started over... Now I cant seem to get the background image for my category titles to be the full length of the sidebox, nor can I get the background images to be as tall as the image actually is....

-Chris

You disabled the display: list-item; without changing it to display: block;, so the <a> elements revert to their default of displaying inline. This does not accept margins or padding and fills only the space required by the text.
Where you have commented out the list-item, add

display: block;

Aargh. Cant believe I did that. Got that fixed. Why cant I get rid of the spacing below the bottom subcategory in any given category?

Thanks for your help.

That is the bottom margin for <ul> lists. Change it from 0.4em to 0 in two places:

Code:

---

#categories ul {/*top category lists (collection of all cats and subs)*/
    list-style: none;
    background: none;
    border: 1px solid #000000;
    margin: 0 0 0.4em 0;
    padding: 0;
    }

#categories ul ul {/*subcategory lists (collection of sub titles under cat title)*/
    list-style: block none;
    background: #9B8D20;
    border: none;
    margin: 0 0 0.4em 0;
    padding: 0 0 0 0;
    }

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

---

Also, you made a mistake when changing display from list-item to block. The red is what you have; the green is what it should be.

remove the red or add the green to the red?

Remove the red.

I just installed the Mod.

And i read the readme files. But i really have a hard time understanding how i can change the look to what i want.

I manage to change some things :smile:
http://www.fengfritfactory.com/index.php?main_page=

But it is not even close to how i would liek it to look, which is as follows:

http://www.fengfritfactory.com/images/mywish.jpg

At this time i was using the product general and document general.

I guess the parts i named header 1 header 2 and header 3 need to be done in this Mod.

But i am clueless :cry:

Please can somebody help me out or give me some directions

Thanks Chrissy

where / how can i change the wide/margin of my header text ( Our Products and Our murrini )

And how can i get the sub categories showing under the correct header.

For Example: Furnace Cane should go under Our Products
And Murrini Blends under Our Murrini

:frusty:

The heading widths are controlled in the stylesheet (stylesheet_chcategories_dressing.css in your case). You should rename stylesheet_categories_dressing.css to stylesheet_categories_dressing.bak, or delete it entirely, so it doesn't interfere with your styling.

Use negative left & right margins to pull the headings out to the full box width, and delete the width property.

You have used .catBoxHeading1 and .catBoxHeading2, when you really wanted both headings identical; put both selectors in the same rule and add xxx to the second rule to disable it. You can probably just delete the second rule.

Code:

---

.catBoxHeading1, .catBoxHeading2 {
    font-family: "Lucida Grande", tahoma, verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.0em;
    text-align:center;
    width:100%; /*delete this line*/
    color: #ffffff;
    background-color: none;
    background-image: url(../images/aqua/sidebox.gif);  /*uncomment to use background image with or without coded text*/
    /*height: 23px; */ /*uncomment to use background image without coded text*/
        display: block;
        padding:0;
    margin: 0 -5px 0 -15px;
       
    }

.catBoxHeading2xxx {

---

You need to give all the categories sort orders in their editing page (Catalog > Categories/Products > edit category). Set the sort orders as you want them to line up in the sidebox.