Tagged: , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 30, 2014 at 4:29 pm #311307
    mattv7

    Hi Enfold’Team !

    I would like to put my message text area on the right, name, email, etc… on the left, verticaly
    Like that :

    contact

    Where should I go to do that ?

    Thanks a lot :)

    Cheers!
    Matthieu

    • This topic was modified 10 years, 2 months ago by mattv7.
    September 1, 2014 at 8:41 am #311690
    Ismael

    Hi mattv7!

    Thank you for using Enfold.

    Please create the contact form fields then try adjust the Form Element Width to 1/2 then we will help you with the css after. Post the url of the contact page here. Or better yet, you can use the Contact Form 7 plugin.

    Best regards,
    Ismael

    September 1, 2014 at 2:57 pm #311847
    mattv7

    Hi Ismael,

    I’ve just finish to make it with Contact Form 7, it’s ok.
    But it’s not responsive, my css shouldn’t be very good..

    Maybe could you help me about ? If it’s possible i could put the html/css here, or I give you link and access in the first post.

    Thanks a lot in advance

    Cheers!
    Matthieu

    September 2, 2014 at 8:33 am #312101
    Josue

    Hey Matthieu!

    Don’t use fixed values, use percentages instead to make it responsive, something like:

    #two-column{
	width: 100%;
}
#two-column #left{
	width: 50%;
	float: left;
}
#two-column #right{
	width: 50%;
	margin-right: 0px;
	float: right;
}

    Best regards,
    Josue

    September 2, 2014 at 10:19 am #312168
    mattv7

    Hi Josue,

    Thanks ! I understand. But is it possible to get 2nd column below when i reduce the window ?

    Best regards,
    Matthieu

    September 2, 2014 at 11:39 am #312199
    mattv7

    With min-width. It’s ok, totaly responsive !

    Thanks a lot Josue, again and again !

    Cheers!
    Matthieu

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Two columns contact form’ is closed to new replies.