Ciao @ilgrizly ,
ti scrivo in italiano visto che lo sono anche io, per diminuire l’altezza della finestra devi agire su due file:
css/chatbot.css
#chatbox {
position: fixed;
bottom: -700px; /* Nascosta inizialmente */
right: 20px;
width: 400px;
height: 600px; /* <<< MODIFICA QUESTO */
background-color: var(--chatbot-chatbox-bg-color, #fff);
js/chatbot.js
chatbox.css({
'bottom': window.innerWidth <= 768 ? '-100vh' : '-700px',
'height': window.innerWidth <= 768 ? '100vh' : '600px', // <<< MODIFICA QUESTO
'position': 'fixed'
});
Modifica il valore height a 400 e vedi come va.
Volevo dirti che sono stato nel tuo sito e ho notato che il bottone apr/chiudi stranamente non è rotondo, non so se l’hai modificato tu o se c’è qualche interferenza con altri css, ad ogni modo nel caso volessi forzarlo alla forma di cerchio allora ti basta aggiungere una linea al css.
css/chatbot.css
#chatbox-button img {
display: block;
width: 115%;
height: 115%;
object-fit: cover;
transform: translate(-0%, -2.5%);
border-radius: 50%; /* <<< AGGIUNGI QUESTA RIGA */
}
Fammi sapere com’è andata.
innanzi tutto grazie del supporto, premetto che lavoro su un tema child, per quanto riguarda il css del pulsante ok, lo inserisco sul mio css e va bene, per l’atro, il css non ha nessun evvetto sulla dimensione della finestra di dialogo della chat e il js non so, se lo modifico direttamente ad oghni aggiornamtno dovrei rimetterci mano o senno forzarlo con un fork da function.php? ma è lecito?
-
This reply was modified 10 months, 1 week ago by
ilgrizly.
Fai un’operazione più semplice che ti permette anche di evitare di sovrascrivere le tue impostazioni con le versioni successive del plugin.
Vai in Aspetto > Personalizza > CSS aggiuntivo e incolla queste righe:
#chatbox {
height: 400px !important; /* Modifica questo */
}
/* Opzionale: per mobile, se vuoi un'altezza fissa anche lì */
@media (max-width: 768px) {
#chatbox {
height: 400px !important; /* Modifica questo */
}
}
Cambia il valore a tuo piacimento.
Se hai modificato il css per il bottone con border-radius: 50%; lascialo pure perchè sarà inserito anche nelle versioni successive.
Considera una review per questo plugin, per me molto importante, fammi sapere come va.
cioè assurdo, provavo da ieri non funzionava ed ora grazie al tuo post ho scoperto che vaeva scirtto #catbox nel mio css …………………………. ho bisongo di una luunga vacanza cmq mille grazie
ho cambiato anche questo
.chat-message img {
width: 40px;
height: auto;
border-radius: 50%; margin-right: 10px;
}
height: auto; cosi si adattano tutte le immagini icona
Una vacanza non sarebbe male…lo dico anche per me, allora posso considerare risolto il problema, buona serata.