Fields height (padding)

  • Resolved sjkd

    (@sjkd)


    3 years, 10 months ago

    Hello there,

    I have to admit I’m pretty new with CSS or editing CSS and I can’t get it done to make all fields appear higher… as i want them to have padding on top and bottom (if im correct) but I think I’m failing in adressing the right class/ id or whatever?

    I’m sure someone can help me real quick on this – many thanks in advance!

    Stephanie

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    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

    Thread Starter sjkd

    (@sjkd)

    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

    Plugin Support Saurabh – WPMU DEV Support

    (@wpmudev-support7)

    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

    Thread Starter sjkd

    (@sjkd)

    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!

    Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Fields height (padding)’ is closed to new replies.