Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 15, 2016 at 6:03 pm #687036
    eriklanglois

    Hi, I am trying to set up a form on my website. Input field all appear at full width even when specified otherwise. For example, for the fields about the telephone number, they don’t even appear on the same line. Here is my code for that part :

    <input maxlength=”3″ name=”night_phone_a” size=”3″ type=”text” value=”xxx” /> <input maxlength=”3″ name=”night_phone_b” size=”3″ type=”text” value=”xxx” /> <input maxlength=”4″ name=”night_phone_c” size=”4″ type=”text” value=”xxxx” />

    Can you take a look please?

    Thanks,

    Érik

    September 17, 2016 at 8:51 am #687878
    Rikard

    Hi Érik,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Thanks,
    Rikard

    September 19, 2016 at 2:27 pm #688482
    eriklanglois

    Hi Rikard,
    Here is the info you need!

    Thanks for help : )

    Érik

    September 21, 2016 at 3:12 pm #689858
    Yigit

    Hi,

    You are going to need to add more HTML and CSS to your custom code. Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Best regards,
    Yigit

    September 21, 2016 at 8:58 pm #689986
    eriklanglois

    Hi Yigit,
    Thanks for the help. : )

    Here’s the link to the mockup of the form i need to create.

    Many thanks,

    Érik

    September 24, 2016 at 6:41 am #691086
    Ismael

    Hey!

    You should not separate the telephone fields because each field will be added as a new line in the email message. Adjust the width of the input fields with the following css code.

    .page-id-4289 form input {
    width: 50% !important;
}

    Cheers!
    Ismael

    September 29, 2016 at 4:06 pm #693198
    eriklanglois

    Hi Ismael!
    Thanks for the help. The code does not work here unfortunately…

    Érik

    October 3, 2016 at 4:40 am #694401
    Ismael

    Hi,

    We added the css code in the Enfold (French) > General Styling > Quick CSS field. Please remove the browser cache or hard refresh before testing the page.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.