How to resize image in the list ?

[Adam Garbinski]

Still no luck.

[Maryna Brodina]

Hello! Try the following CSS:
pre.ui-page .ui-li .ui-li-thumb, .ui-page .ui-li .ui-li-icon {
max-height: 43px;
max-width: 43px;
}

.ui-page .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-page .ui-li-static.ui-li-has-thumb {
min-height: 43px;
}

.ui-page .ui-li-has-thumb .ui-link-inherit {
padding: 0px 60px !important;
}

.ui-page .ui-li-has-thumb .ui-link-inherit .ui-li-heading {
margin-top: 10px !important;
}/pre

[Adam Garbinski]

Hi Maryna.
Excellent job! It's working now. Thanks for your help.
Adam

[laura6372139]

Hi!

Code: Select all

 I can not change the size of the thumbnail. 

 I have this code. 

.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit{
display: table-cell;
height:80px;
vertical-align: middle;
}
.ui-listview .ui-li .ui-li-thumb{
top: 0%;
position: absolute;

}

.ui-page .ui-li .ui-li-thumb, .ui-page .ui-li .ui-li-icon {
height: 100px;
width: 150px;
}
.ui-page .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-page .ui-li-static.ui-li-has-thumb {
min-height: 100px; }

Code: Select all

 .ui-page .ui-li-has-thumb .ui-link-inherit .ui-li-heading { 
 margin-top: 10px !important;  

}

Code: Select all

 as I can change the tumbnail image? [url=https://d2r1vs3d9006ap.cloudfront.net/s3_images/997562/Captura.PNG?1386862008][img]https://d2r1vs3d9006ap.cloudfront.net/s3_images/997562/Captura_inline.PNG?1386862008[/img] [/url]

[laura6372139]

Hi:
I have another question.
I want to have a square button, and I have the following code:

.button {
color:#fff; /*no declaro RGBA aqui por que quiero 100% blanco /
background:rgba(0,0,0, 0.35); /bien baja para ver la diferencia */
width:60px; !important;
height:60px; !important;
max-width:100%;

float: left;

display: block;
margin-left: 30px;
margin-right: 20px;
}

as I can do so that the square button fits to the different screens?

[Maryna Brodina]

Hello! If you want thumbnail with 150px X 100px size use the following code:
pre.ui-page .ui-li .ui-li-thumb, .ui-page .ui-li .ui-li-icon {
max-height: 100px;
max-width: 150px;
height: 100px;
width: 150px;
}
.ui-page .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-page .ui-li-static.ui-li-has-thumb {
min-height: 100px;
}
.ui-page .ui-li-has-thumb .ui-link-inherit {
padding: 0px 160px !important;
}
.ui-page .ui-li-has-thumb .ui-link-inherit .ui-li-heading {
margin-top: 10px !important;
}/pre

[Maryna Brodina]

Sorry, not sure I understand this question. Could you clarify what are you going to do?

[laura6372139]

I want a square button.

width:60px; !important;
height:60px; !important;

If I put a button with appery adjusts to different screens.

But if I put a size the button, the button does not resize on different screens.

Do you understand?

[Maryna Brodina]

So you just need the button to be resized for different screen sizes?

[laura6372139]

yes.