Title: chat height
Last modified: May 30, 2025

---

# chat height

 *  Resolved [ilgrizly](https://wordpress.org/support/users/ilgrizly/)
 * (@ilgrizly)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/chat-height/)
 * I noticed that the chat css sets the height to 600px for graphic reasons on my
   pc I can’t see the chat head and I would like to bring it to 400px, how can I
   do it?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fchat-height%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Plugin Author [NewCodeByte](https://wordpress.org/support/users/newcodebyte/)
 * (@newcodebyte)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/chat-height/#post-18490577)
 * Ciao [@ilgrizly](https://wordpress.org/support/users/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.
 *  Thread Starter [ilgrizly](https://wordpress.org/support/users/ilgrizly/)
 * (@ilgrizly)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/chat-height/#post-18490812)
 * 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](https://wordpress.org/support/users/ilgrizly/).
 *  Plugin Author [NewCodeByte](https://wordpress.org/support/users/newcodebyte/)
 * (@newcodebyte)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/chat-height/#post-18490918)
 * 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:
 *     ```wp-block-code
       #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.
 *  Thread Starter [ilgrizly](https://wordpress.org/support/users/ilgrizly/)
 * (@ilgrizly)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/chat-height/#post-18491228)
 * 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
 *  Thread Starter [ilgrizly](https://wordpress.org/support/users/ilgrizly/)
 * (@ilgrizly)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/chat-height/#post-18491229)
 * 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
 *  Plugin Author [NewCodeByte](https://wordpress.org/support/users/newcodebyte/)
 * (@newcodebyte)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/chat-height/#post-18491373)
 * Una vacanza non sarebbe male…lo dico anche per me, allora posso considerare risolto
   il problema, buona serata.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘chat height’ is closed to new replies.

 * ![](https://ps.w.org/chatbot-ai-free-models/assets/icon-256x256.png?rev=3260144)
 * [AI Chatbot Free Models – Customer Support, Live Chat, Virtual Assistant](https://wordpress.org/plugins/chatbot-ai-free-models/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/chatbot-ai-free-models/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/chatbot-ai-free-models/)
 * [Active Topics](https://wordpress.org/support/plugin/chatbot-ai-free-models/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/chatbot-ai-free-models/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/chatbot-ai-free-models/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [NewCodeByte](https://wordpress.org/support/users/newcodebyte/)
 * Last activity: [10 months, 1 week ago](https://wordpress.org/support/topic/chat-height/#post-18491373)
 * Status: resolved