+ Start a Discussion
Dave BerenatoDave Berenato 

Styling for Flow Text Boxes

I have a flow using the following Visualforce page:
 
<apex:page DocType="html-5.0" standardStylesheets="false" cache="false" showheader="false" standardcontroller="Contact">

<br/>
  <center>
   <font size="15" color="Orange" >Ramshackle Form</font>
  </center>
 <br/>
 
<body>
  <flow:interview name="RamshackleFlow" buttonLocation="bottom" finishLocation="{!URLFOR('/apex/thankyou')}"></flow:interview>
  
  
<style type="text/css">
.FlowText{
font-size: 300%;
line-height: 150px;
margin-left: 25px;}
.FlowNextBtn{
font-size: 300%;}
.FlowFinishBtn{
font-size: 300%;}

</style>

</body>
</apex:page>

I changed the font size of the Text Box field label to make it larger for a mobile device, but is there anyway to change the actual size of the text box itself? To use it on a mobile device, the user has to zoom in to each box to put the cursor there to start typing.

The flow is pretty much just 6 text boxes and then a save button.