Categories layout

[woutertarifa]

Hi everybody,

 

I want to change the layout of my category box. I want to seperate the different categories by a thin grey horizontal rule. I am not a php expert and I have no idea how to do this.

 

Hope you can help me out.

 

Thank you.

 

Wouter

[bill110]

Hi everybody,

 

I want to change the layout of my category box. I want to seperate the different categories by a thin grey horizontal rule. I am not a php expert and I have no idea how to do this.

 

Hope you can help me out.

 

Thank you.

 

Wouter

in catalog/includes/boxes/categories.php

find around line 54

$categories_string .= '<br>';

change to:
$categories_string .= '<hr><br>';

this will also add lines between sub-categories when a category is clicked

make it like this to make the resulting box a little smaller

 $categories_string .= '<hr>';

[bill110]

in catalog/includes/boxes/categories.php

find around line 54

$categories_string .= '<br>';

change to:
$categories_string .= '<hr><br>';

this will also add lines between sub-categories when a category is clicked

make it like this to make the resulting box a little smaller

 $categories_string .= '<hr>';

I forgot you wanted it grey. you can add a color attribute like this:

 $categories_string .= '<hr color="#c1c1c1">';

 

change the numbers to your shade of grey

[woutertarifa]

I forgot you wanted it grey. you can add a color attribute like this:

 $categories_string .= '<hr color="#c1c1c1">';

 

change the numbers to your shade of grey

 

 

Thank you for your reply Bill. I Applied your code and I indeed have horizontal rules now.

 

The thing is that they are about 2 or 3 pixels thick and I would like to have them only 1 pixel. would you know how to do this?

 

Thank you very much.

[jasonabc]

Create an image in Photoshop (or other graphics package) and instead of that <hr> - replace with your image instead:

 

$categories_string .= '<img src=images/line.gif width="125" height="1" border="0"><br>';