Form Styling

  • Resolved spinky

    (@spinky)


    10 years, 8 months ago

    Hello,

    Could you please tell me:
    1. How to reduce the spacing between each row?
    2. Increase the width size of the AM/PM field?

    At the moment this is how my form looks like . There is extra space below the date row.
    I would like to reduce this so that it looks like . Could you please tell me how to either reduce this space or individually minipulate the space between any row.

    You will also see from the image that the AM/PM field is not big enough. I have tried to put the form on a page with and without columns and it doesn’t make a difference. How am I to make this field wider.

    Thank you

    https://wordpress.org/plugins/form-maker/

Viewing 1 replies (of 1 total)
  • Sona

    (@support-web-dorado)

    10 years, 8 months ago

    Dear user,

    To implement both of your requirement you need to edit the CSS code.

    For this please enter Form Maker>Form Options>General Options>Theme>Edit CSS.

    1. To change AM/PM field width, please find in the code this line and set your desired pixels.

    .am_pm_select {
    width: 120px;
    }

    2. To chnage the row spaces, please find in the code this line and set your desired pixels.

    .wdform_row {
    height: 43px;
    }

Viewing 1 replies (of 1 total)

The topic ‘Form Styling’ is closed to new replies.