Forum | Appery.io

Hi Laura,

Then you should set size in percent instead of pixels.

.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:100%; !important;
height:100%; !important;

}

Not change size!

I have the solution!!!

thanks!

Hi!

I create a css and this code:

.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;  

}

But I don't get to change the size of the list.

I need to do the icon smaller and vertically align the text.

Hi Laura,

What is your library version and theme?

Hi katya,
I have the same problem as laura.

I have paste the CSS code from above, and the icons on the list didnt resize.

Also Im trying to vertically center the text on the list item with no luck...

Im using library version 2.0 and ios theme..

Any suggestion?

Regards

Hi Alex,

Icons and text are centered by default for iOS theme...

Could you please post a screenshot?

Hi,
here is the ss, I need to resize the thumbnail, and vertically align text.

Regards

Hi Alex,

For thumbnails, try the following CSS: pre[name=mobilelistName] {
display:table;
width:100%;
}
[name=mobilelistName] h3{
display:table-cell!important;
vertical-align:middle;
height: 50px;
}/preWhere 'mobilelistName' is a List name.

Hi Katya,
I tried the code, but it only centered the text vertically, the thumbnail remains the same size?

Am I doing something wrong?

Regards