How To Manipulate Category Listing Display

Hi,

First I have to say thank you to the Hikashop developers. This is a first rate product.

I have published a site:
www.luxuryexportcars.com/

However, I want to be able to modify the display for the Categories menu on the homepage (on my site - see 'Vehicle Categories').

Currently the categories are displayed in a sort of block format, but I would like the blocks to have rounded corners.

In the layout.css file, I've added to the .panel class the following code:


{
border-radius: 15px
-moz-border-radius: 15px;
}

However, this doesn't seem to be doing anything.
Does anyone know which file/code I should be looking at to modify this correctly?

Thanks
Will

Hi,

I think that some CSS code like this will probably do the job :

.pane-sliders .panel h3 {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.jpane-slider.content {
display: none;
}
.pane-sliders .panel {
border: none;
}

Thank you Mohamed! That has worked perfectly