subcategory description gets cut off

[dannikorsholm]

Hello..

 

I added the description under the category name and put truncate: 30

 

But when the text becomes too wide in the text box, the text is cut off.

 

I use v. 1.6.1.4 and the default theme.

 

I have added the //added// part to get the description:

 

category.tpl

	<h5><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|truncate:45:'...'|escape:'html':'UTF-8'} //added// <br> <a class="subcategory-description" {$subcategory.description|truncate:30:''}</a> <br /> //added// </a> 
                  
                    
</h5>

And category.ccs

//added// #subcategories ul li .subcategory-description {
        font: 600 12px/16px "Open Sans", sans-serif;
        color: #B0ABAB;
        text-transform: uppercase; } //added//

When its a short text i get:

But when i write looooooooooooong description i get this:

The last part is cut off.

 

Can i get it in to lines instead??

 

 

Regards Danni.

Edited April 6, 2016 by dannikorsholm (see edit history)

[shokinro]

I think this issue should be related to your theme CSS style (overflow) settings. the css affected this might be in different css files, for example global.css

if you can post your page URL here, maybe someone could take a look and give you advises.