• Good morning,

    I use two contact forms, one for one page and one for another.

    In addition to text fields, both also include an acceptance checkbox. Below is the code and a screenshot.

    Il tuo nome [text* your-name autocomplete:name]

    La tua email [email* your-email autocomplete:email]

    Il tuo numero di telefono [text* phone placeholder “Telefono”]

    Titolo [text* your-subject]

    Messaggio (opzionale) [textarea your-message]

    [acceptance acceptance-205 optional]Autorizzo il trattamento dei miei dati personali[/acceptance] *

    [quiz quiz-328 “La capitale dell’Italia? | Roma”]

    [submit “Submit”]

    and:

    [text* text-331 placeholder “Nome”]

    [email* your-email placeholder “Email”]

    [text* phone placeholder “Telefono”]

    [text* text-233 placeholder “Prenoto Per”]

    [acceptance acceptance-205 optional] Autorizzo il trattamento dei miei dati personali [/acceptance]

    [submit “Richiedi un appuntamento”]

    and here the screenshot:

    first form:

    https://prnt.sc/pMEXHBao0dtp

    second form
    https://prnt.sc/4Q5uGNRNTNEm


    and this is the extra css that i put for fix the text after the checkbox in the first form:

    .wpcf7-acceptance{

    input[type="checkbox"] {
    position: relative;
    cursor: pointer;
    padding: 0;
    width: 20px;
    }
    input[type="checkbox"]:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    margin-top: -2px;
    width: 20px;
    height: 20px;
    background: #fcfcfc;
    border: 1px solid #aaa;
    border-radius: 2px;
    }

    input[type="checkbox"]:checked:before {
    background: #000;
    border-color: #000;
    }
    input[type="checkbox"]:disabled {
    color: #b8b8b8;
    cursor: auto;
    }
    input[type="checkbox"]:disabled:before {
    box-shadow: none;
    background: #ddd;
    }
    input[type="checkbox"]:checked:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 8px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
    }

    }


    The problem as you can see in the second screenshot is that the text after this checkbox don’t remain in 1 line…

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.