--- .catalog-list .item-title { white-space: normal !important; } ---
Thank you for your response. That however doesn't do anything different. The text is still not wrapped but just when it gets to the end of the line adds .....
Example https://jsfiddle.net/Nikoniko/0g0tmxnv/1/
Thank you! Removing .catalog-list seems to have done the trick. However, the text now is above the image instead of in line with it as it was before. [Screendump](//muut.com/u/framework7/s1/:framework7:HABd:screendump.jpg.jpg)
---<a href=“article.html?id=${data[item].id}” class=“item-link item-content” > <div class=“item-media”><img src=“img/${data[item].n_pic}” width=“80”></div> <div class=“item-inner”> <div class=“item-title-row”> <div class=“item-title”>${data[item].n_title}</div>
No that problem, but I dotn't use .item-title-row Screenshot https://image.prntscr.com/image/9qIrK1ynRfSfcEFZF-QBdg.jpeg Styles for my list with class .catalog-list --- .catalog-list .item-inner { overflow: hidden !important; padding-bottom: 0 !important; padding-top: 0 !important; } .catalog-list .item-title { max-height: 100%; white-space: normal !important; font-size: 15px; text-align: left; margin: auto; width: 100%; } ---
Is there any chance you could put this in a jsfiddle? It still isn't working for me. I will show you. I have included some pics. [Original](//muut.com/u/framework7/s1/:framework7:w4oL:original.jpg.jpg) [Wrapped](//muut.com/u/framework7/s1/:framework7:teRJ:wrapped.jpg.jpg)
Never mind, I removed <div class="item-text"></div> and the issue was resolved. I have another issue but will post a new question for that.