Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 4, 2013 at 5:49 am #28949
    Btina

    Hi,

    I am wondering if I can set the contact form directly in to the footer widget? Is there a possibility in order to have the same layout design as usuall contact form for the theme?

    Thank you

    Btina

    September 4, 2013 at 7:13 am #139264
    Josue

    Hi Btina,

    Yes you can, you need to put the shortcode in a Text/HTML Widget, maybe edit some things and that would be it:

    [av_contact email=' (Email address hidden if logged out) ' button='Submit' title='Send us mail' sent='Your message has been sent!' subject='' autorespond='' captcha='']
    
[av_contact_field label='Name' type='text' options='' check='is_empty' width='']
    
[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='']
    
[av_contact_field label='Subject' type='text' options='' check='is_empty' width='']
    
[av_contact_field label='Message' type='textarea' options='' check='is_empty' width='']
    
[/av_contact]

    Regards,

    Josue

    September 5, 2013 at 8:32 am #139265
    Btina

    Hi Josue

    Awersom!

    But is it possible to show the contact form in half of the length? It’s acctually to big for my footer – do you think I can set the size of the whole thing?

    thank you

    Btina

    September 5, 2013 at 9:58 am #139266
    Yigit

    Hi Btina,

    Please try adding following code to custom.css file or to Quick CSS in Enfold theme options page under Styling

    p#element_avia_name_1, p#element_avia_e-mail_1, p#element_avia_titel_1, p#element_avia_nachricht_1 { margin: 0; }

    Regards,

    Yigit

    September 5, 2013 at 1:11 pm #139267
    Btina

    Ok that woked :). But it’s still to long. I’d like to have it in a high of around 200px

    Can I set that some how there?

    Thank you Speedy Yigit :)

    September 5, 2013 at 2:01 pm #139268
    Yigit

    Hi,

    Now that you moved the contact form to second column, id has change. Please try

    p#element_avia_name_2, p#element_avia_e-mail_2, p#element_avia_titel_2, p#element_avia_nachricht_2 { margin: 0; }

    input#avia_name_2, input#avia_e-mail_2, input#avia_titel_2 { padding: 10px; }

    Regards,

    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Contact form in the footer widget’ is closed to new replies.