Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 23, 2019 at 11:02 am #1121158
    marketingnr1

    Hello team!

    is it possible to customize the contact form text field height and length in any way (css)?
    And also the “Send” button!

    [av_contact  (Email address hidden if logged out) ' button='Senden' title='' sent='Your Massage was 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='Massage' type='textarea' options='' check='is_empty' width='']
[/av_contact]

    That would be great, thanks in advance!
    Kind regards

    • This topic was modified 5 years, 5 months ago by marketingnr1.
    July 24, 2019 at 5:32 am #1121375
    Rikard

    Hey marketingnr1,

    That should be possible yes, could you post a link to where we can see the form in question please?

    Best regards,
    Rikard

    July 24, 2019 at 8:12 am #1121409
    marketingnr1

    Hello Rikard,

    thanks in advance!

    July 24, 2019 at 11:49 am #1121494
    Victoria

    Hi marketingnr1,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #custom_html-3 .avia_ajax_form .text_input,
 #top #custom_html-3 .avia_ajax_form .select, 
 #top #custom_html-3 .avia_ajax_form .text_area {
         padding: 7px;
 }
#custom_html-3 .avia_ajax_form .button {
    padding: 11px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 24, 2019 at 12:12 pm #1121506
    marketingnr1

    Hello Victoria,

    i put it into cutom.css but nothing happens.

    Kind regards.

    July 24, 2019 at 3:22 pm #1121579
    Victoria

    Hi marketingnr1,

    https://cl.ly/fae56c2a8333 This code reduced padding in the inputs and the button, it is added and is applied.

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    July 24, 2019 at 3:51 pm #1121596
    marketingnr1

    Hello Victoria,

    maybe there is some missunderstanding. I want to achieve to customize the text fields length and hights and also the “send” button length and hights.

    Kind regards.

    July 24, 2019 at 4:05 pm #1121606
    Victoria

    Hi marketingnr1,

    The form adjusts to the container and so there is no more width for the fields to we wider if that is what you need.

    Best regards,
    Victoria

    July 24, 2019 at 6:09 pm #1121672
    marketingnr1

    Hello Victoria,

    Ok i understand. Thanks for your feedback.

    Kind regards!

    [close]

    July 24, 2019 at 9:22 pm #1121744
    Mike

    Hi,
    Glad Victoria could help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

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