Rafael Martínez
Posts: 0
Joined: Tue Apr 23, 2013 5:19 pm

Font size for a specific button

It is posible to change the font-size for a specific button or a specific theme?

We can change .ui-btn-text in our custom CSS but this apply to all the buttons and all the themes in the project.

We have tried to set with JS:

Appery('buttonName').css('font-size', '22px');

and this not work.

Some help?

Thank in advance.

maxkatz
Posts: 0
Joined: Fri Aug 13, 2010 3:24 pm

Font size for a specific button

code
<a data-role="button" name="btn" dsid="btn" class="mobilebutton1 ui-btn ui-shadow ui-btn-corner-all ui-fullsize ui-focus ui-btn-up-b" id="j_4" data-corners="true" data-mini="false" data-theme="b" tabindex="1" data-shadow="true" data-iconshadow="true" data-wrapperels="span"><span class="ui-btn-inner"><span class="ui-btn-text">
Button
<&#47;span><&#47;span><&#47;a>
/code

You should use Chrome Dev. Tools to see where to set the font. You actually need to go further and find the element that holds the label "Button" and change its style.

aviz
Posts: 0
Joined: Fri Dec 14, 2012 6:37 am

Font size for a specific button

i am facing the same problem. Appery does not give the flexibility to add a class name along with .ui-btn-text which is a span tag!

aviz
Posts: 0
Joined: Fri Dec 14, 2012 6:37 am

Font size for a specific button

a.menuBtn.ui-btn-text
{
font-style:normal;
font-size: 12px;
}

Where menuBtn is the name of the class given to the button

Thank you

Return to “Issues”