Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 12, 2018 at 5:26 pm #1009021
    NR1234

    Hi Enfold Team,

    Please refer the contact form 7 on the webpage (link provided below).

    I want the Name and Email box to come in one line and the message box should be below the 2 stretching across in length across Name and Email box.

    How do I achieve the same.

    Thanks
    Garima

    September 13, 2018 at 6:02 am #1009220
    Ismael

    Hey NR1234,

    Thank you for using Enfold.

    The page is not found or it’s not existing. Did you remove it?

    Best regards,
    Ismael

    September 13, 2018 at 4:19 pm #1009477
    NR1234

    Hi Ismael,

    Could you check now. I have made the page public.

    Thanks

    Garima

    September 13, 2018 at 8:50 pm #1009635
    Basilis

    Hi,

    You would need backend access because we need to edit the fields and add a div but here is a quick guide :)

    How to Display Contact Form 7 Fields on 2 or More Columns

    Best regards,
    Basilis

    September 19, 2018 at 7:32 pm #1011992
    NR1234

    Hi Basilis,

    This was helpful and I have managed to get the name and email on the same line. However, The name and email boxes are joined together and ideally I would want a bit of space between them.

    I tried playing around with the padding but it did not help. I also tried using the 3 column shortcode but that throws the entire styling for a toss.

    Would you be able to guide me on how to make sure there is some column space between the “Your name” and Your Email” box.

    Thanks

    Garima

    September 20, 2018 at 4:01 am #1012117
    Rikard

    Hi,

    Thanks for the feedback.Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-638 input[type="text"] {
  width:99%;
}

    Best regards,
    Rikard

    September 20, 2018 at 3:48 pm #1012364
    NR1234

    Thanks Rikard, it worked.

    Can you also help me with the quick css code for centering the send button instead of it being left aligned in the same contact form.

    Thanks

    Garima

    September 21, 2018 at 5:06 am #1012625
    Rikard

    Hi,

    Please try this as well:

    .page-id-638 input[type="submit"] {
    display: table;
    margin: 0 auto;
}

    Best regards,
    Rikard

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