Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • June 11, 2015 at 3:23 pm #457856
    dc2

    Hey,

    I have a page, which have contact form on the first block.

    I want to duplicate this form in the widget, placed in the heading.
    According to this plan, I need to make all the fields and button smaller.
    But I want all the functions of the script to duplicate the one in the body of the page – the e-mail, where to send messages, fields, etc.

    I have the layout of the header already completed, but I need to place the form in the right upper corner.
    Link to site is placed in the private content block.

    How to make a custom size for fields and button of contact form, and place them in the widget?

    June 11, 2015 at 8:47 pm #458025
    Elliott

    Hi dc2!

    You can do this, http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/, to add a widget area to your header. Once that is done you can copy the shortcode for the contact form and place it inside a text widget.

    Cheers!
    Elliott

    June 12, 2015 at 12:24 pm #458305
    dc2

    This is not answer to my question.

    I asked, how to change dimensions of the form – change the height and width of fields and button.

    June 13, 2015 at 9:22 am #458708
    Ismael

    Hi!

    If you want to adjust the width of the input forms in the header, you can use this in the Quick CSS field:

    #top .header_color input[type='text'] {
  width: 200px;
}

    Best regards,
    Ismael

    June 15, 2015 at 6:02 am #459096
    dc2

    OK.

    How to change:
    1) the size of BUTTON and button text, not only fields and text in fields
    2) the space between buttons and fields
    3) the space between buttons
    4) the space between the first field and the top of the header
    5) how to make the height of fields less then 27-28 px – now they don’t become smaller if I put height less then it. I use:
    #top .header_color input[type=’text’] {
    height: 18px;
    }

    June 15, 2015 at 7:43 am #459123
    Basilis

    Hi!

    Can you provide a simple mockup of what you want to do?

    Best regards,
    Basilis

    June 15, 2015 at 8:03 am #459135
    dc2

    This is what I want:
    https://yadi.sk/i/bHDp0QxThFcJx

    This is what I got at the moment:
    http://ros-seti.ru

    Thanks for help in advance!

    June 15, 2015 at 8:13 am #459140
    Basilis

    Hey!

    You would need to create a new style for the form up there, based on the CSS that are been generated.

    I think you would need to ask those who have made that customization for you!

    BTW, it looks really good!

    Cheers!
    Basilis

    June 15, 2015 at 8:19 am #459147
    dc2

    That guy don’t know how to customize reply form – this is why I ask here:)

    June 16, 2015 at 5:15 am #459812
    Rikard

    Hey!

    I can’t see any elements inside of the header widget, we need to inspect them in order to give you custom CSS. Can you add the form inside of the widget please?

    Cheers!
    Rikard

    June 16, 2015 at 5:43 am #459824
    dc2

    Hey, I added it – take a look plz

    June 16, 2015 at 7:19 am #459871
    dc2

    Guys, I cannot keep it there for now, have to launch context ad at work time. Will put it back in 10 hours.

    June 17, 2015 at 1:32 pm #460732
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately so we can create a private testing page and display header widget only on that page?

    Regards,
    Yigit

    June 17, 2015 at 2:32 pm #460792
    dc2
    This reply has been marked as private.
    June 19, 2015 at 11:52 am #461807
    Andy

    Hey!

    you can generate a contact form shortcode like this:

    [av_contact email=' (Email address hidden if logged out) ' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='' color='']
[av_contact_field label='Name' type='text' check='is_empty' options='' multi_select='' width=''][/av_contact_field]
[av_contact_field label='E-Mail' type='text' check='is_email' options='' multi_select='' width=''][/av_contact_field]
[/av_contact]

    and add it into your header widget.

    Then try to style it with this CSS:

    #top form {
width: 10%;
float: right;
margin-top: -50px;
margin-bottom: 0px;
}
.avia_ajax_form .first_form {
margin-bottom: -26px;
}
input#avia_name_1 {
height: 28px;
}
input#avia_e-mail_1 {
height: 28px;
}
input.button {
margin-top: 20px !important;
height: 28px;
}

    Adjust by yourself as needed. Feel free to hire a freelancer for further customizations.

    Cheers!
    Andy

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