• Resolved ilgrizly

    (@ilgrizly)


    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 to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author NewCodeByte

    (@newcodebyte)

    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.

    Thread Starter ilgrizly

    (@ilgrizly)

    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.
    Plugin Author NewCodeByte

    (@newcodebyte)

    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.

    Thread Starter ilgrizly

    (@ilgrizly)

    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

    (@ilgrizly)

    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

    (@newcodebyte)

    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.