Hello @medhaa
Configure the fields’ sizes as large (you can select it via dropbox in the fields’ settings). If you want to hide the fields labels, but preserves their spaces, you can enter as their labels.
Best regards.
Thread Starter
medhaa
(@medhaa)
I need the field sizes to be small. And I don’t want to preserve the space for labels….rather….I just want the second field to move beside the first one.
Hello @medhaa
Please, configure the fields as large, and enter the style definition belo through the “Customize Form Design” attribute in the “Form Settings” tab:
@media (min-width:710px){
#fbuilder .cff-container-field .cff-calculated-field{max-width:300px}
}
Best regards.
Thread Starter
medhaa
(@medhaa)
Thanks!
I used the below code as I wanted the width to be adjusted only for the imput
@media (min-width:710px) { #fbuilder .cff-container-field .cff-calculated-field input {max-width:150px} }
It worked well for setting the equal width for the input area.
But there still is a lot of space between the two input areas. How do I reduce that?
Hello @medhaa
Please, follow my recommendations in the previous entry. Instead of modifying the width of the input tags with CSS, configure the fields’ sizes as “large” from their settings, and define the width of the tag field’s container with CSS:
@media (min-width:710px){
#fbuilder .cff-container-field .cff-calculated-field{max-width:300px}
}
Best regards.
Thread Starter
medhaa
(@medhaa)
Okay! So, this is fine but the length of both the input areas is still different. Also, if the label I provide is longer, it will not fit in…Can we increase the space between the first label and input area?
Hello @medhaa
If you leave the field’s label empty, the plugin will expand the input tag to occupy that space. For that reason, I recommended entering instead.
Best regards.
