Problem with checkbox text align
-
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:
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…
You must be logged in to reply to this topic.