Ingrandire "Accetto" nel modulo contatto. 
Autor: Michele G.
Visitado 83,
Seguidores 0,
Compartilhado 0
Ciao a tutti,
per una migliore leggibilità è possibile ingrandire – anche con codici esterni – l’accettazione dei termini di privacy nel modulo contatti (come in allegato)?
Grazie e buon weekend.
Michele.
Publicado em
Ciao si potrebbe utilizzare per il ceckbox transform: scale(1.5); /* aumenta la dimensione del 50% */
e per accetta font-size:20px ma devi sapere l'ID dell'oggetto che si trova sulla tua pagina, credo sarebbe utile il link.
Ciao.
Autor
Grazie Giancarlo per il tuo contributo.
Non so come identificare gli ID degli oggetti
Questo è il link dove sto facendo le prove: https://conari.altervista.org/index.html
Michele.
con questi valori il risultato dovrebbe essere quello sotto, in grassetto i valori che puoi variare
mettilo sulla pagina prima della chiusura del tag HEAD
<style>
#imObjectForm_15_form input[type="checkbox"], #imObjectForm_15_form input[type="radio"]
Specificity: (1,1,1)
{ transform: scale(1.5)!important;
}
#imObjectForm_15_form label {
font-size: 20px!important;
}
</style>
se il Checkbox è troppo attaccato al testo puoi provare aggiungere il codice sotto in grassetto
<style>
#imObjectForm_15_form input[type="checkbox"], #imObjectForm_15_form input[type="radio"]
Specificity: (1,1,1)
{ transform: scale(1.5)!important;
}
#imObjectForm_15_form label {
font-size: 20px!important;
}
.imObjectFormAgreementCheckbox {
margin-right: 15px;
}
</style>
alternativa più semplice e testata per te:
<style>
#imObjectForm_15_form label {
font-size: 20px!important;
}
.imObjectFormAgreementCheckbox {
margin-right: 15px;
transform: scale(1.5)!important;
vertical-align: baseline;
}
</style>
... le misure di Accetto si possono controllare con il Programma, mentre per il checkbox occorre codice EXTRA...

... da una mia invenzione esclusiva per il forum DE potresti ottenere il risultato che si vede simulato nel mio seguente STAMP...
... se non ottieni risultati in altri modi, e se ti interessa questo aspetto EXTRA, oppure solo per le misure del checkbox e di "Accetto" in EXTRA, ...avvisami, ...e nel caso, come per gli altri casi che già conosci, basterà un click...
.
ciao
A quanto aggiunto da Giancarlo web , che va benissimo, puoi in un colpo solo fare entrambi: check e label ACCETTO in questo modo come ho fatto per il mio modulo contatti.
▼
<style>
/* Ingrandisci la checkbox */
input.imObjectFormAgreementCheckbox {
transform: scale(1.7) !important; /* leggermente più grande */
transform-origin: left center !important;
margin-right: 15px !important; /* più spazio tra checkbox e testo */
vertical-align: middle !important;
}
/* Ingrandisci e stacca meglio il testo "Accetto" */
label[for="imObjectForm_362_7"] {
font-size: 1.25em !important; /* più grande del 25% */
font-weight: 500 !important;
line-height: 1.7 !important;
display: inline-block !important;
vertical-align: middle !important;
}
</style>
Inserisci il codice nella proprietà della pagina prima della chiusura del tag HEAD.
Sostituisci "imObjectForm_362_7" con il tuo che, in questo tuo test mi sembra sia "imObjectForm_15_67"
Se vuoi staccare di più ACCETTO dalla check vai sul primo blocco CSS e cambia questa dicitura► margin-right: 15px !important; /* più spazio tra checkbox e testo */ in ► margin-right: 20px !important; /* più spazio tra checkbox e testo */
Ci sono altri 100 modi di intervento per fare ciò che vuoi riguardo la tua richiesta quindi il codice da me proposto va solo provato.