Display the categories list line per line (not column)

[kevin78]

Hello

 

I have upgraded my website to 1.6.0.9

Now, i have to update completely my template.

I would like to change the display of the categories.

 

I would like to display one category per line.

How can i make this modification please ?

It should be :

 

category.tpl

category.css

 

But i have not found the correct codes.

[S-HAMMANI]

Hi

 

remove float:left;  css code from category.css line ~50

 

#subcategories ul li {
    float: left; /* to remove */
    width: 45px; /* to change example width:100%; */
    margin: 0px 0px 13px 33px;
    text-align: center;
    height: 202px;
}

[kevin78]

Thank you Hammani

I have tried already this modification.

 

But i need to display the subcategory name, and the description on the right of the picture

Now, they are at the bottom of the picture

[S-HAMMANI]

category.css line ~71:

#subcategories ul li .cat_desc{

    display:block;

    text-align: left;

}

 

 

category.tpl

 

line ~80 : replace

<div class="subcategory-image">

with

<div class="subcategory-image col-sm-4">

 

 

line ~89 : replace

<h5><a class="subcategory-name" href ....

with

<h5><a class="subcategory-name col-sm-6" href ....

 

 

line [spam-filter] : replace

<div class="cat_desc">

with

<div class="cat_desc col-sm-6">

[kevin78]

Thanks a lot !

It is working except on my mobile phone. How to remove the picture and subdescription when we use phone ?

 

Moreover, is it possible to put a smaller picture?