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

How to resize image in the list ?

Hi Laura,

Then you should set size in percent instead of pixels.

laura6372139
Posts: 0
Joined: Wed Oct 30, 2013 11:54 am

How to resize image in the list ?

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

laura6372139
Posts: 0
Joined: Wed Oct 30, 2013 11:54 am

How to resize image in the list ?

I have the solution!!!

thanks!

laura6372139
Posts: 0
Joined: Wed Oct 30, 2013 11:54 am

How to resize image in the list ?

Hi!

I create a css and this code:

.ui-page .ui-li .ui-li-thumb, .ui-page .ui-li .ui-li-icon {

Code: Select all

 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 {

Code: Select all

 min-height: 100px;  

}

.ui-page .ui-li-has-thumb .ui-link-inherit {

Code: Select all

 padding: 0px 160px !important; 

}

.ui-page .ui-li-has-thumb .ui-link-inherit .ui-li-heading {

Code: Select all

 margin-top: 10px !important;  

}

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

Image

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

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

How to resize image in the list ?

Hi Laura,

What is your library version and theme?

Alex GG
Posts: 0
Joined: Thu Nov 14, 2013 11:11 pm

How to resize image in the list ?

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

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

How to resize image in the list ?

Hi Alex,

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

Image

Could you please post a screenshot?

Alex GG
Posts: 0
Joined: Thu Nov 14, 2013 11:11 pm

How to resize image in the list ?

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

Regards

Image

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

How to resize image in the list ?

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.

Alex GG
Posts: 0
Joined: Thu Nov 14, 2013 11:11 pm

How to resize image in the list ?

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

Return to “Issues”