Categories Dressing

Hi Glen,

On a related point, what's wrong with this CSS:

hr.catBoxDivider1 {
padding-right:13px;
}

I'm trying to centre the category dividers horizontally as you'll see they're hitting the right side of the column and they're 17px off the left.....

The above change seems to have zero effect though?

OK, got it:

#catBoxDivider, .catBoxDivider1, .catBoxDivider2 {margin-right:13px;}

I've installed this mod, Wonderful contribution gjh42:smile:

I've been trying to change the spacing between the right pointing triangle and the subcategory name. Please look at the attachment and you'll see what I mean. I've tried many changes to the padding of different sections in the better_categories_styleshee with no avail.

I would like to make this space a little smaller as further subcategories will have the same spacing and might reach the end of the sidebox.

Many thanks in advance.

hardwiredtemplates:

I've installed this mod, Wonderful contribution gjh42:smile:

I've been trying to change the spacing between the right pointing triangle and the subcategory name. Please look at the attachment and you'll see what I mean. I've tried many changes to the padding of different sections in the better_categories_styleshee with no avail.

I would like to make this space a little smaller as further subcategories will have the same spacing and might reach the end of the sidebox.

Many thanks in advance.

Sorry guys the link to the site is https://www.fashionfavourites.com

I believe that spacing is a function of the CSS list style display and is not editable. CSS3 may actually impement that flexibility.

gjh42:

I believe that spacing is a function of the CSS list style display and is not editable. CSS3 may actually impement that flexibility.

Thanks for your reply, could you please elaborate a little. a function of what CSS list (My main stylesheet, or the stylesheet_categories_dressing.css which came with the mod) The space in this link seems to be smaller and it's the same Mod I believe http://www.limelites.co.uk/

btw where can I find what version of css i am using? you mentioned CSS3:( My apologies for being a newbie but it's only a matter of time.

Many thanks

The extra spacing you are seeing is not actually related to the list item or CSS. Your setting for Configuration > Layout Settings > Categories SubCategories Indent is    so you are specifying that two extra spaces be added in front of subcat names, and four extra spaces for sub-subcats, etc. From view source:```html

You don't control what version of CSS you use in general, your browser does. All modern browsers support CSS 2.1, some better than others cough IE. No browsers support CSS3 yet, as it is still in development.

gjh42:

The extra spacing you are seeing is not actually related to the list item or CSS. Your setting for Configuration > Layout Settings > Categories SubCategories Indent is    so you are specifying that two extra spaces be added in front of subcat names, and four extra spaces for sub-subcats, etc. From view source:```html

Oh my lord That was the easiest fix ever (slaps himslef). And I've been looking at all 1000+ lines of my CSS files.

Took out the double space in my admin area and Voila what I was seeking

My earning for being a total noob.:lamo:

Ive installed this mod, its working as expected except one thing I can't figure out....

For bullets in front of category names:
Find in your stylesheet and adjust list-style:

#categories ul a {/top categories/
display: list-item;
list-style: disc inside url(../images/bullet1.gif);/change to list-style: none; to remove bullet/
background: no-repeat;
border: none;
margin: 0;
padding: 0;
}

My bullets are box style and not the bullet1.gif....

http://securfocus.biz/products/video-surveillance-cameras-c-7_12

If I delete the > display: list-item; the box bullets that are there disappear...

Any suggestions on why teh bullet1.gif isn't showing up?

Bullets won't appear in Mac FireFox 3.5rc3. I used Firebug but don't see any problems. display: list-item and list-style look OK and are not crossed out on the parent category and products. :blink:

The bullets work perfectly in Safari 4 & FF3.5rc3 for Windows, and OK but slightly off in IE. LINK to the offending site (v1.3.8)

No, list item isn't crossed out, i was saying that I could get the bullets to go away by crossing them out with firebug....

What I am trying to say is they are bullets and according to my CSS they should be arrows(bullet1.gif).....

So what is keeping the List style bullets in place and not the arrows?

Sorry I hope that makes more sense.

Thank You!

Securfocus:

No, list item isn't crossed out, i was saying that I could get the bullets to go away by crossing them out with firebug....

What I am trying to say is they are bullets and according to my CSS they should be arrows(bullet1.gif).....

So what is keeping the List style bullets in place and not the arrows?

Zen-cart can't find your bullet images, check that they are in the right place. The page is not loading any image so the bullets appear instead. Using Firebug, remove the ".." from "../images/bullet1.gif" and they show up. :smile:

That was it!!!

I have played with that before, but never got rid of the ".."

Thank You!!!!!!

Rather than changing the CSS, you should move the bullet images to the correct location.

You have them in your base /images/ folder where product images belong, instead of /includes/templates/classic/images/ where template images like this belong. You would have had to manually install them to the wrong location - if you had followed instructions when installing they would have worked from the start.

Hi Glen,

I was wondering if you could offer any help with my categories layout on https://www.limelites.co.uk ??

If you look at the categories entitled, UK 6, UK 8, ........ UK 20 underneath the catBoxHeading1 area. I am wondering if there's an easy way to split these into a two column layout like this:

UK 6 ......UK 14
UK 8 ......UK 16
UK 10 ......UK 18
UK 12 ......UK 20

So that it takes up less vertical space?

At present, these categories have cat-not-selected-text and cat-selected-text classes. I'm thinking though, might be easier to pop them in a html table somehow... If I knew which file and section to edit?

Start a new category group with cPath=1_29 (UK 14). Don't give it a heading, but style that and cat_group 1_26 in the stylesheet - perhaps like```
#catGroup1_26 li {width: 70px;}

#catGroup1_29 {
position: relative;
width: 70px;
height: 0; /this may cause problems in some browsers - can't tell until you have it live to test/
top: -150px; /play with numbers as required/
left: 70px;
}
position: absolute; would be better for this situation, but there is currently no good container for the positioning context. If you give Womenswear (cPath 1) a category group so it gets an id, that can be used to address the 1_29 position. Then you would do:
#catGroup1 {position: relative;}
#catGroup1_26 li {width: 70px;}

#catGroup1_29 {
position: absolute;
width: 70px;
bottom: 0; /play with numbers as required/
left: 70px;
}

gjh42:

Start a new category group with cPath=1_29 (UK 14). Don't give it a heading, but style that and cat_group 1_26 in the stylesheet - perhaps like```
#catGroup1_26 li {width: 70px;}

#catGroup1_29 {
position: relative;
width: 70px;
height: 0; /this may cause problems in some browsers - can't tell until you have it live to test/
top: -150px; /play with numbers as required/
left: 70px;
}
position: absolute; would be better for this situation, but there is currently no good container for the positioning context. If you give Womenswear (cPath 1) a category group so it gets an id, that can be used to address the 1_29 position. Then you would do:
#catGroup1 {position: relative;}
#catGroup1_26 li {width: 70px;}

#catGroup1_29 {
position: absolute;
width: 70px;
bottom: 0; /play with numbers as required/
left: 70px;
}

Hi Glen,

I can follow most of what you said, but the very first part when you say, "Start a new category group with cPath=1_29"...  Can you explain what you mean?  How would I Start a New Category Group?  Do you mean from admin?  Remember, I have sub categories hidden, so how would I group UK 14-20 inside a new cat group?

Hi Glen, ignore my last post... I figured out how to create a category group using:

define ('CAT_BOX_HEADING_1_29','1|0||||1||');//new list - text headings - multiple levels - styles 1 & 2

However, if you look at it, it's given an extra bullet1.gif for some reason?

OK, got there in the end.... Thanks for your help Glen... This was the line:

define ('CAT_BOX_HEADING_1_29','1|0||||0||');//new list - text headings - multiple levels - styles 1 & 2

Then in my stylesheet:

#catGroup1 {position: relative;}
#catGroup1_26 li {width: 70px;}

#catGroup1_29 {
position: absolute;
width: 70px;
bottom: 205px; /play with numbers as required/
left: 92px;
}

You have given #catGroup1_29 a pair of blank headings, and you have some headings styled as list items. Change the definition to

define ('CAT_BOX_HEADING_1_29','1|0||');//new list - no headings

Then you will have just the group that can be relocated as described above.