Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

Change List Button Size

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.

Marco Spera
Posts: 0
Joined: Tue Jun 17, 2014 7:14 pm

Change List Button Size

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?

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

Change List Button Size

Hello!

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

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

Change List Button Size

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

Marco Spera
Posts: 0
Joined: Tue Jun 17, 2014 7:14 pm

Change List Button Size

Works perfectly,

Thank you Maryna and Alena!!

Return to “Issues”