Categories Dressing

[limelites]

OK, got it:

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

[hardwiredtemplates]

I've installed this mod, Wonderful contribution gjh42

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

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 www.fashionfavourites.com

[gjh42]

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

[hardwiredtemplates]

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

[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:

  <li class="cat-subs"><a class="cat-not-selected-text" href="http://fashionfavourites.com/index.php?main_page=index&amp;cPath=4_290">&nbsp;&nbsp;Air Jordan Series</a></li>

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.

[hardwiredtemplates]

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:

  <li class="cat-subs"><a class="cat-not-selected-text" href="http://fashionfavourites.com/index.php?main_page=index&amp;cPath=4_290">&nbsp;&nbsp;Air Jordan Series</a></li>

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.

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.

[Securfocus]

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...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?

[anap]

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.

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)

[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?

Sorry I hope that makes more sense.

Thank You!