Forum | Appery.io

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

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.

Hi Dirk,

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

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