Need CSS assistance with new form

  • pcgmarketing
    Asked on July 22, 2019 at 5:11 PM

    Hi there, I need some assistance with a form that I have to push live on a landing page by Wednesday.

    I need to

    1. tighten the space in between form items/fields (they're too far away from each other vertically). I'm thinking 10 or 15px in between would be ideal.

    2. I also want to make sure that the input and placeholder text (style and placement) within the drop-down field and long form text message fields match the input and placeholder text in the 'name' and 'email address' fields on this form. 

    3. I need to make the drop-down field 100% in width and can't seem to make this happen correctly.

    Thanks in advance, much appreciated.

    Jon

  • jonathan
    Replied on July 22, 2019 at 6:58 PM

    Please add the CSS codes on your form.


    .form-line.jf-required{

    padding : 0px 36px !important;

    }

    [data-type="control_dropdown"] .form-input-wide {

        width: 100% !important;

    }


    You can check the effect result on my test form

    1563836307zzz 2019 07 23 06 Screenshot 10


    Let us know if this did not work.