Hello Stephen,
thank you for the update! Super excited about the plugin improving so quickly. I just tried to insert my custom CSS but it does not seem to have any effect. This is my code:
.chatbot-bubble {
background-color: #c4fbf7;
color: #ffffff;
box-shadow: 0px 3px 6px rgba(32, 95, 101, 0.16);
} chatbot-chatgpt {
background-color: #c4fbf7;
box-shadow: 0.2px 5px rgba(32, 95, 101, 0.3);
}
@media (max-width: 700px) {
.chatbot-narrow {
width: 250px !important;
height: 300px !important;
overflow: visible;
}
}
@media (min-width: 701px) {
.chatbot-narrow {
width: 300px !important;
height: 450px !important;
overflow: visible;
}
}
.embedded-style {
background-color: #c4fbf7;
box-shadow: 0.2px 5px rgba(32, 95, 101, 0.3);
} chatbot-chatgpt-header {
background-color: #205f65;
} chatbot-chatgpt-submit {
background-color: #c4fbf7;
}
.user-text {
background-color: #205f65;
}
@media (max-width: 700px) {
.bot-message {
text-align: left;
font-size: 14px!important;
line-height: 1.5!important;
}
.user-message {
text-align: right;
font: inherit;
font-family: inherit;
font-size: 14px!important;
line-height: 1.5!important;
}
}
@media (min-width: 701px) {
.bot-message {
text-align: left;
}
.user-message {
text-align: right;
font: inherit;
font-family: inherit;
}
}
.bot-text {
background-color: #f9c300;
color: #000000;
}
.chatbot-collapse-btn {
background-color: #205f65;
color: #ffffff;
}
.chatbot-collapse-btn:hover {
background-color: #1c4b4f;
}
.chatbot-collapsed {
background-color: #205f65;
color: #ffffff;
} chatbot-open-btn {
background-color: #205f65;
color: #ffffff;
} chatgpt-open-btn {
background-color: #205f65;
box-shadow: 2px 4px 15px rgb(32, 95, 101);
color: #ffffff;
} chatgpt-open-btn:hover {
background-color: #1c4b4f;
}
.typing-indicator {
background-color: #f9c300;
}
.typing-dot {
color: #000000;
}
.chatbot-chatgpt-custom-button-class {
background-color: #205f65;
}
.chatbot-chatgpt-custom-button-class:hover {
background-color: #f9c300;
color: #000000
}
Do you have an idea why it does not work? Also the background color selector in the Appearance settings does not seem to have an effect