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