Hello myneyflixtain,
These are three great questions.
Q1: You can change the user text and the bot text in the chatbot-chatgpt.css files directly or by overriding the CSS in your theme.
Look for these two CSS entries:
.user-text {
? ? display: inline-block;
? ? background-color: #007bff;
? ? color: #ffffff;
? ? padding: 5px 10px;
? ? border-radius: 12px;
? ? border-bottom-right-radius: 0;
? ? overflow-wrap: anywhere;
}
.bot-text {
display: inline-block;
/* font-weight: bold; */
background-color: #5BC236;
color: #ffffff;
padding: 5px 10px;
border-radius: 12px;
border-bottom-left-radius: 0;
overflow-wrap: anywhere;
}
Change the “background-color” to a color of your choosing.
Q2: Suppressing “As an AI language model, “
It’s an automatic response from the API. I’ll see if I can add an option to strip that off the response. It may take a few days to work it out.
Q3: You can change the height and width of the chat bot in the chatbot-chatgpt.css files directly or by overriding the CSS in your theme.
Look for this CSS entry:
#chatbot-chatgpt {
position: fixed;
bottom: 10px;
right: 10px;
width: 300px;
height: 450px;
background-color: #f1f1f1;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
/* Add z-index - Ver 1.2.1 */
z-index: 100;
}
Change the values for “width” and “height” as you may want. If you change the values from 300px and 450px to 100% and 100% it should cover the screen.
I hope that answers your questions.
