Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #553947

    I had another thread open but it was marked closed.
    The form text input boxes are too large in my opinion.

    I was sent this code to insert into the Quick CSS box, but nothing changed:

    #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
        padding: 5px;
    }
    .form_element_half input {
        width: 90%!important;
    }

    Can someone please help me find how to change the padding/height of the text input box. text area, etc?

    Thanks! :-)

    #554184

    Hey Gavin!

    Send us a link to your page where your displaying the forms and we’ll take a look.

    Cheers!
    Elliott

    #554215
    #554236

    Hi!

    Try to add:

    #top .avia_ajax_form .text_input {
    padding: 0 !important;
    }

    to your CSS and let us know if the final result is what you need.

    Regards,
    Basilis

    #555434

    That did it! Thanks!

    Can you tell me what #top represents?

    #555517

    Hey!

    It’s just an ID given to the container surrounding everything else in the page. You can add it to the beginning of your CSS declarations to give them more priority. Or use the !important override.

    Cheers!
    Elliott

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