Alignment of input fields – first two fields are always out of bounds

  • Resolved w-sky

    (@w-sky)


    8 years, 1 month ago

    Hello there. The code of my form is really simple, it starts like this:

    Ihr Name:
[text* your-name]

Ihre E-Mail-Adresse:
[email* your-email] [honeypot email-doppel-335]

Firmenname:
[text* firmenname]

Steuernummer:
[text* steuernr]

Telefonnummer:
[text* telefon]

    …and a few more. The problem is that the two top input fields are always aligned to the right, whereas all others are left. See here: https://hanfjournal.de/branchenbuch/mein-branchenbucheintrag/

    Why is that? And how can I fix it?

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

  • It looks like it’s because you have the class “your-name” and “your-email” with a float right on line 16 of your style.css:

    
.strasse, .aextra, .hausnr, .plz, .your-name, .your-email, .ort, .land {
	font-size: 12pt;
	float: right;
}

    If you get rid of that, or add a class to the your-name and your-email fields of the Contact 7 form and add CSS to remove the float, you can fix it.

    Thread Starter w-sky

    (@w-sky)

    Oh yes thanks man … these were created by our webdesigner to change the layout of another form on our website! So they were made deliberately.

    To fix the problem with the above form quickly, which is just fine in its default layout, I had to change the names of the variables “your-name” and “your-email”.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Alignment of input fields – first two fields are always out of bounds’ is closed to new replies.