How to move subcategories pictures and names

[chausj]

Hello everybody,

 

I have one question. My subcategories pictures and names a displayed in a row and I would like to have them in a line with names under pics.

 

Please refer to attached screenshots - "current view.jpg" and "required view.jpg".

 

I use standard theme.

 

Thanks in advance!

[vekia]

you must edit css styles for #subcategories ul li in category.css file

you also have to remove class="clearfix" from category.tpl file.

[chausj]

Thanks, it seems to work, but now I§m not able to move text direct under the picture. I tried to play with .css file, but without any result.

 

Could you be so kind to help me.

[vekia]

you can add simple

in category.tpl between <a>TEXT</a> <BR> <a>IMG</a>

[chausj]

I'm tried, but without result. Bellow is code from category.tpl

 

 

 

{if isset($subcategories)}

<!-- Subcategories -->

<div id="subcategories">

<h3>{l s='Subcategories'}</h3>

<ul class="inline_list">

{foreach from=$subcategories item=subcategory}

 

 

 

 

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}" class="img">

{if $subcategory.id_image}

<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />

{else}

<img src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />

{/if}

</a>

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" class="cat_name">{$subcategory.name|escape:'htmlall':'UTF-8'}</a>

{if $subcategory.description}

<p class="cat_desc">{$subcategory.description}</p>

{/if}

</li>

{/foreach}

</ul>

<br class="clear"/>

</div>

{/if}