Buy Now
Sign in

Align input fields

nickza1 , May 14 at 13:39
N
nickza1
Hi guys.
How do I align these input fields to the right? Or at least align them?
Thank you
N
nickza1
All aligned now. Just need to make the Label Text bigger and the input boxes a bit more longer.
I achieved aligning them by using this in the css custom field that is placed at the top of my form:
form input { float:right !important; }
What code should I put to increase the text size and lengthen the input boxes?
GreyHead
Hi nickza1,
You can change the width using the 'Width' box in the Element Advanced tab.
You can change the font size using CSS: form label {font-size: . . .}
Bob
ChronoForms technical support
If you'd like to buy me a coffee or two, thank you very much
T
tshirley
Hi,
I wanted to make the labels at left, and the fields line up as well, as the default was in CF5, so I used this same suggestion in a CSS element at the top of the form before :
form input { float:right !important; }
But there was no change. It seems to ignore the CSS setting. I don't so much mind the text box labels on top, but I have about 20 (Yes/No) radio groups in the form and I want them to be Horizontal and aligned but when I do this the labels are at left but the radio buttons don't align so it looks very untidy.
Cheers
Tim
GreyHead
Hi Tim,
You can add the 'inline' class to the inputs - see healyhatman's post here
Bob
ChronoForms technical support
If you'd like to buy me a coffee or two, thank you very much