Buy Now
Sign in

remove white space between label and input

sharonbetts , August 16 2014
Answered
Featured
S
sharonbetts
How can I bring the label closer to the input box in a multi-field? The label sticks with the previous input box and is difficult to interpret for the user.
The form is http://sharonbetts.org/testsite/index.php/form

The worst spacing is near the bottom on the field area starting with: Bred Kuvaszok?

Thank you.
GreyHead
Hi sharonbetts,

Please try this in a Load CSS action
.gbs3 .form-horizontal .control-label {
text-align: right !important;
}

Bob
Attachments
2014-08-16_16-14-52.png
2014-08-16_16-14-52.png
(8.32 KiB)
3541 Downloads/Views
ChronoForms technical support
If you'd like to buy me a coffee or two, thank you very much
S
sharonbetts
FAntastic - thank you so much. My CSS needs a lot of work.
S
sharonbetts
Can this be done with a theme other than Bootstrap? GCoreUI for example?
GreyHead
Hi sharonbetts,

Yes, I expect so, look at the HTML on the page and work out the CSS selector that is needed to identify the labels in the form.

Bob
ChronoForms technical support
If you'd like to buy me a coffee or two, thank you very much