Forums

Align input fields

nickza1 14 May, 2018
Hi guys.

How do I align these input fields to the right? Or at least align them?

Thank you

nickza1 14 May, 2018
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 15 May, 2018
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
tshirley 19 May, 2018
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 19 May, 2018
Hi Tim,

You can add the 'inline' class to the inputs - see healyhatman's post here

Bob
This topic is locked and no more replies can be posted.