Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1489035

    Hi, on the site https://www.ilredelweb.it/fuocoefiamme/ I need thinner borders on the contact form. Is this possible?
    I’d also like to increase the space between the form and the words “I’m interested in,” and between the words “I’m interested in” and the checkboxes below, and between the checkboxes and the button below.
    If possible.
    Thanks, Gianluca

    #1489040

    Hey Gianluca,

    Thank you for the inquiry.

    You can use this css code to adjust the border of the input fields inside the form and decrease the space between the checkboxes.

    #top div .av-light-form .input-text, #top div .av-light-form input[type=email], #top div .av-light-form input[type=input], #top div .av-light-form input[type=number], #top div .av-light-form input[type=password], #top div .av-light-form input[type=search], #top div .av-light-form input[type=tel], #top div .av-light-form input[type=text], #top div .av-light-form input[type=url], #top div .av-light-form select, #top div .av-light-form textarea, div div .av-light-form .button {
        color: #fff;
        border-color: #fff;
        border-width: 1px!important;
    }
    
    #top .avia-builder-el-25 #avia_7_1 p {
        margin-bottom: 10px;
        display: block;
        height: 40px;
        float: none;
    }
    
    #top .avia-builder-el-25 .avia_ajax_form 
    .element_avia_8_1 label,
    #top .avia-builder-el-25 .avia_ajax_form 
    .element_avia_9_1 label,
    #top .avia-builder-el-25 .avia_ajax_form 
    .element_avia_10_1 label,
    #top .avia-builder-el-25 .avia_ajax_form 
    .element_avia_11_1 label,
    #top .avia-builder-el-25 .avia_ajax_form 
    .element_avia_12_1 label,
    #top .avia-builder-el-25 .avia_ajax_form 
    .element_avia_13_1 label,
    
    #top .avia-builder-el-25 .avia_ajax_form 
    .element_avia_8_1 input[type=checkbox],
    #top .avia-builder-el-25 .avia_ajax_form 
    .element_avia_9_1 input[type=checkbox],
    #top .avia-builder-el-25 .avia_ajax_form 
    .element_avia_10_1 input[type=checkbox],
    #top .avia-builder-el-25 .avia_ajax_form 
    .element_avia_11_1 input[type=checkbox],
    #top .avia-builder-el-25 .avia_ajax_form 
    .element_avia_12_1 input[type=checkbox],
    #top .avia-builder-el-25 .avia_ajax_form 
    .element_avia_13_1 input[type=checkbox] {
        top: -20px;
        position: relative;
        margin-bottom: 0;
    }
    
    #top .avia-builder-el-25 input.button {
        top: -20px;
        position: relative;
    }

    Best regards,
    Ismael

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