Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 26, 2016 at 5:12 pm #572224
    simonac

    Hi,
    how to change the height of the submit button of the contact form?

    I used this code to decrease the size of the contact form fields

    #top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area {
padding: 10px;
height: 40px;
}

    But the submit button is not affected. I need to reduce the height. How can i do that?

    And is it possible that with the code above the field for the message is not getting smaller?

    Thanks Simon

    January 27, 2016 at 3:04 am #572519
    Elliott

    Hi simonac!

    Add this to your custom CSS.

    .avia_ajax_form input[type="submit"] {
    padding: 5px 15px !important;
}

    Cheers!
    Elliott

    January 27, 2016 at 10:52 am #572729
    simonac

    Thanks Elliot it worked!

    Is it possible that with the first code for the field, the message field is not getting smaller?

    January 27, 2016 at 4:19 pm #573000
    aB-Agenta

    Hej!
    I would like to do the same, but i only get the msg-field to decrease in height, the others, eg. name are still the same size….what am i doing wrong?
    regards
    Lucie

    January 27, 2016 at 4:23 pm #573008
    aB-Agenta

    never mind, found my mistake!

    January 27, 2016 at 4:32 pm #573017
    Yigit

    Hi!

    Please add following code to Quick CSS 

    textarea {
    resize: none;
}

    If that does not help, please elaborate on the changes you would like to make.


    @ab-agenta     Glad you figured it out!

    Cheers!
    Yigit

    January 31, 2016 at 5:29 pm #575333
    simonac

    Hi Yigit,

    this code does not work.

    I need only the message field to be bigger.

    cf

    And i need to reduce the space between the fields.

    Thanks Simon

    January 31, 2016 at 7:38 pm #575371
    Basilis

    Hey!

    You can make it
    textarea {
    height: 400px;
    }

    and then also add

    input { padding-bottom: 20px; }

    let us know if those work out

    Cheers!
    Basilis

    February 1, 2016 at 11:25 am #575676
    simonac

    Hi,

    the first code worked with !important.

    The second code did not work.
    I could reduce the space under the label with this code i found
    .avia_ajax_form label { margin-bottom: 0px; margin-top: 0px; }

    but i still need a little more space reduced.

    Thanks

    February 1, 2016 at 3:37 pm #575819
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    fieldset p {
    margin-bottom: 0!important;
}

    Regards,
    Yigit

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