[SOLVED] How to stylise subcategories

[rodt]

Can anyone help me with some code to put a nice border around each subcategory and its link, that displays on the product categories page. (And where the code needs to be inserted).

At the moment the categories wrap around and there is no spacing between each row, as in the attached example showing a category and 6 subcategories.

Thanks,

Rodt

[rocky]

Change the following code in the /* category.tpl */ section of css/global.css in your theme's directory:

body#category #subcategories li { margin-right: 10px }

to:

body#category #subcategories li {
  margin-right: 10px;
  margin-bottom: 10px
}

[rodt]

Brilliant! Thanks Rocky. I've included the change in category.tpl as follows:-

body#category #subcategories li { margin-bottom: 10px }

(I'm using v1.4.0.3).

Attachment shows how there is some nice separation now between the two category rows.

Are you able to help me with showing a border (box) around each subcategory?

Regards (from Tassie!),

Rod

[rocky]

Try:

body#category #subcategories li {
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid black
}

[rodt]

Rocky, you're a Godsend, thanks again.

You've now inspired me to start on a steep learning curve so that I can (hopefully) make some of these easier coding changes for myself.

Keep up the great work.

[rocky]

Thanks. Please edit your first post and add [sOLVED] to the front of the title.