Fields height (padding)

Hi @sjkd,

Thank you for contacting us.

In order to better assist you, could you please provide us with the URL of the page where you currently have your form set up?

Best,
Jonathan S

Hello Jonathan,

sure, here is a preview link: https://othman-appartements.com/buchungsanfrage/?cmp_bypass=preview

I was able to give the button a padding when I was centering it with code but I still couldn’t find the right code for the other boxes!

TY,
Stephanie

Hello @sjkd,

Kindly navigate to your site wp-admin Dashboard-> Appearance-> Customize-> Additional CSS and add the following CSS:

.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=flat] .forminator-input, .forminator-ui.forminator-custom-form[data-design=flat] .forminator-input{
line-height:2em!important;
}

If you need it to be bigger, you just need to make an increment in the number from the following line:

line-height:2em!important;

Make sure to hit the Publish button to save the changes. Check the size of the fields if that works for you. Do let me know if that works for you.

Thank you,
Prathamesh Palve

Nice! Thank you, Prathamesh.

One last question though: One field (where you can select your choice of answer) is not increasing. Do I need a diff. class/ code for that?

Thanks for your help!

Hi @sjkd,

Would you be referring to the drop-down field with the “Erwachsene” placeholder? If so, please add this code as the one provided earlier was for inputs and not select fields:

.forminator-ui.forminator-custom-form[data-design=flat] span#select2-select-1-field-container {
line-height: 2em!important;

}

Let us know in case you have any additional questions.

Best,
Jonathan S

Thank you for using Forminator. We are going to close this ticket for now because we have not heard from you in a while. If you still need support we can reopen the thread.

Cheers,
Predrag