Page 2 of 2

Change List Button Size

Posted: Wed Jul 09, 2014 4:59 am
by Alena Prykhodko

In addition to these lines do you change list items height?
You can change only font-size, so height of list item will adjust automatically.


Change List Button Size

Posted: Wed Jul 09, 2014 12:13 pm
by Marco Spera

My mistake, I did not realize that "line-height" set the height of the text itself. I thought it set how high the text was displayed.

I did change font size as well.

Is there a way, to change how high in the list box the text is written? Like a vertical alignment?


Change List Button Size

Posted: Wed Jul 09, 2014 3:44 pm
by Maryna Brodina

Hello!

Yes, you can change font size. For centering use padding.


Change List Button Size

Posted: Wed Jul 09, 2014 4:28 pm
by Alena Prykhodko

Hello Marco,

You can use padding property to center text.
In this case, code should be a bit modified:

preAppery("mobilelistitemName").closest("li").css("height","50px");
Appery("mobilelistitemName").css("font-size","12px");
Appery("mobilelistitemName").css("padding","19px");
/pre

Note, you will need to change pxs to adjust centering


Change List Button Size

Posted: Wed Jul 09, 2014 4:38 pm
by Marco Spera

Works perfectly,

Thank you Maryna and Alena!!