Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

thumbnail list item size

Dirk,

Could you please try this code:

code.ui-listview .ui-li-has-thumb > .ui-btn > img:first-child {
max-height: 100px;
max-width: 150px;
height: 100px;
width: 150px;
}

.ui-page .ui-li-has-thumb .ui-btn {
min-height: 100px;
box-sizing: border-box;
padding-left: 160px !important;
} /code

Dirk Gissing
Posts: 0
Joined: Sat Oct 12, 2013 4:18 pm

thumbnail list item size

Hello Evgene, your code also didn't work.
But I did something else: I used the property codefont-size/code within your code and now the thumbnail image also shrinks in size. Which is weird because an image property should not be in the same structure as the text. But oh wel, it works now.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

thumbnail list item size

Hi Dirk,

Add codefont-size/code to CSS selector:
pre.ui-page .ui-li-has-thumb h3{
font-size:10px;
}/pre

Dirk Gissing
Posts: 0
Joined: Sat Oct 12, 2013 4:18 pm

thumbnail list item size

Thank you Katya! Now I am able to adjust the thumbnail image and the text size separately :)

Return to “Issues”