[SOLVED] Listview item-title overflow

1

Hi. If an item title in list-view doesn’t fit page, three dots appears end of line. I want to allow item title flow the second line.
I put following line but nothing change
overflow: visible;

2

Post for css？

white-space: auto;
3

.productlist div{
overflow: visible;
}

4

style for list or li?
i don’t see.

5

.productlist is class name of list-view

6

Would you show some codes for me?

7

This is html code

<div id="listRayon" class="list media-list productlist">
    <ul>
        {{#each data.resultDataRayon}}
            <li>
                <a href="/category/{{catId}}/{{catName}}/{{market}}/" class="item-link item-content">
                    <div class="item-media"><img src="{{catImg}}" width="60"/></div>
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">{{catName}}</div>
                            <div class="item-after"><span class="badge bg-color-green">{{productCount}}</span></div>
                        </div>
                    </div>
                </a>
            </li>
        {{/each}}
    </ul>
</div>

This is css code
.productlist div{
overflow: visible;
}

8

Ok,i see.

.item-title{
over-flow:auto;
white-space:auto;
}

9

I have just tried but it didn’t work.

10

I removed “item-title” class from “div”. It has worked.