WebSite X5Help Center

 
Michele G.
Michele G.
User

Ingrandire "Accetto" nel modulo contatto.  it

Auteur : Michele G.
Visité 81, Followers 0, Partagé 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.

Posté le
7 RéPONSES - 1 UTILES
Giancarlo B.
Giancarlo B.
User

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.

Lire plus
Posté le de Giancarlo B.
Michele G.
Michele G.
User
Auteur

Grazie Giancarlo per il tuo contributo.

Non so come identificare gli ID degli oggetti embarassed

Questo è il link dove sto facendo le prove: https://conari.altervista.org/index.html

Michele.

Lire plus
Posté le de Michele G.
Giancarlo B.
Giancarlo B.
User

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>

Lire plus
Posté le de Giancarlo B.
Giancarlo B.
Giancarlo B.
User

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>

Lire plus
Posté le de Giancarlo B.
Giancarlo B.
Giancarlo B.
User

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>

Lire plus
Posté le de Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Michele G.
... ... ... per una migliore leggibilità è possibile ingrandire – anche con codici esterni – l’accettazione dei termini di privacy nel modulo contatti (come in allegato)? ... ... ... 

... 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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User

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.

Lire plus
Posté le de Roberto M.