Forum | Appery.io

Hello,

I have inserted a list of buttons with custom images. I've done the buttons list wider have vertically, but when I do this, the text and images are at the top of each button. How can I Center each image and text vertically?
I introduce this code:

.ui-page .ui-li .ui-li-thumb, .ui-page .ui-li .ui-li-icon {
max-height: 38px;
max-width: 40x;
}
.ui-page .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-page .ui-li-static.ui-li-has-thumb {
min-height: 40px;
}
.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: 5px !important;
}

A greeting!!

Hi Vicent,

Did you set images for mobilelist as icons or thumbnails? Could you please post a public link?

hi, i have in my image: thumbnails.

http://appery.io/app/mobile-frame?src...

Vicent,

Please tick 'Public' in Test menu as we cannot access your application.

Katya,

http://appery.io/app/mobile-frame?src...

Hi Vicent,

Try the following:pre.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit{
display: table-cell;
height:40px;
vertical-align: middle;
}/pre

Thank you!! And code for image??

Vicent,

Here you are:precode.ui-listview > .ui-li .ui-li-thumb{
top: 50%;
position: absolute;
margin-top: -20px;
}/code/preWhere 20px is a half of Image height.