Alignment of First Name, Last Name inputs

  • I’m my contact form, for the name field I have selected “First Name, Last Name” with the settings: Default: “First Name*==Last Name*”, the label is checked to be hidden, Default as placeholder and Inline is checked.

    In the form on the web page, the Last Name field is to the right of the First Name field, as expected by the Inline setting, but the Last Name field is slightly higher than the First Name field (see for yourself here). I tried moving the Last Name input field down via CSS using several settings such as “margin-top” on #fscf_l_name1, the ID of the Last Name field. I added !important to that, too. I’ve even tried selecting the input’s div with this: #fscf_div_field1_0 + div:nth-child(2). (I started with the first ancestor div with an ID and drilled down to the next sibling and then second child).

    Nothing I’ve tried works.

    There are a lot of styling settings available for FS Contact Form, so I’m wondering if maybe I’m just missing a styling setting that I could use.

    Thanks for your help!

    https://www.ads-software.com/plugins/si-contact-form/

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi this could be caused by your theme.

    Try an add the following CSS code to the correct class.

    position: absolute;
    top: 117px;
    left: 255px;

    Thread Starter Mark

    (@markyork)

    Unfortunately, that didn’t work either. I tried both selectors in my question.

    Any other ideas?

    Did you use a plugin to add the custom CSS rule? OR did you use your theme css file?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Alignment of First Name, Last Name inputs’ is closed to new replies.