[GH-ISSUE #919] [BUG]: chatbot widget overriding html css #555

Closed
opened 2026-02-22 18:20:08 -05:00 by yindo · 6 comments
Owner

Originally created by @Kofangun on GitHub (Mar 18, 2024).
Original GitHub issue: https://github.com/Mintplex-Labs/anything-llm/issues/919

How are you running AnythingLLM?

Docker (local)

What happened?

First thank you for thzt great code.
Everything works fine to me exept the chatbot widget overriding my html css. For exemple h2 become normal font ...
Not really a bug but i would like to change the widget icon and the open chat size. Is there a way ?

Are there known steps to reproduce?

I just use the provided js code and past it in my html.

Originally created by @Kofangun on GitHub (Mar 18, 2024). Original GitHub issue: https://github.com/Mintplex-Labs/anything-llm/issues/919 ### How are you running AnythingLLM? Docker (local) ### What happened? First thank you for thzt great code. Everything works fine to me exept the chatbot widget overriding my html css. For exemple h2 become normal font ... Not really a bug but i would like to change the widget icon and the open chat size. Is there a way ? ### Are there known steps to reproduce? I just use the provided js code and past it in my html.
yindo added the enhancementbugfeature request labels 2026-02-22 18:20:08 -05:00
yindo closed this issue 2026-02-22 18:20:08 -05:00
Author
Owner

@timothycarambat commented on GitHub (Mar 18, 2024):

🤔 I would imagine this has to do with how tailwind is being loaded - it may be overriding the styles defaults presently. That being said, we are going to address the chat styling soon and that symptom will go away once that is merged. Is definitely a bug at this time though.

@timothycarambat commented on GitHub (Mar 18, 2024): 🤔 I would imagine this has to do with how tailwind is being loaded - it may be overriding the styles defaults presently. That being said, we are going to address the chat styling soon and that symptom will go away once that is merged. Is definitely a bug at this time though.
Author
Owner

@jopdorp commented on GitHub (Apr 18, 2024):

This makes the embed unusable for us at the moment

@jopdorp commented on GitHub (Apr 18, 2024): This makes the embed unusable for us at the moment
Author
Owner

@jopdorp commented on GitHub (Apr 18, 2024):

Even when adding the tag below to configure a prefix and adding the tailwind-anythingllm- in all the used tailwind classes, then it still interferes with the surrounding css. The prefix does seem to work:

<script>
    tailwind.config = {
      prefix: "tailwind-anythingllm-"
    }
</script>
@jopdorp commented on GitHub (Apr 18, 2024): Even when adding the tag below to configure a prefix and adding the tailwind-anythingllm- in all the used tailwind classes, then it still interferes with the surrounding css. The prefix does seem to work: ``` <script> tailwind.config = { prefix: "tailwind-anythingllm-" } </script> ```
Author
Owner

@timothycarambat commented on GitHub (Apr 18, 2024):

@jopdorp does that prefix work by just including that script or does it not work unless you modify all the classes and then add that script?

Also, is that script being applied before or after the embed?

@timothycarambat commented on GitHub (Apr 18, 2024): @jopdorp does that prefix work by just including that script or does it not work unless you modify all the classes and then add that script? Also, is that script being applied before or after the embed?
Author
Owner

@mice6 commented on GitHub (Jul 1, 2024):

Even when adding the tag below to configure a prefix and adding the tailwind-anythingllm- in all the used tailwind classes, then it still interferes with the surrounding css. The prefix does seem to work:

<script>
    tailwind.config = {
      prefix: "tailwind-anythingllm-"
    }
</script>

Could I write how you used it?

@mice6 commented on GitHub (Jul 1, 2024): > Even when adding the tag below to configure a prefix and adding the tailwind-anythingllm- in all the used tailwind classes, then it still interferes with the surrounding css. The prefix does seem to work: > > ``` > <script> > tailwind.config = { > prefix: "tailwind-anythingllm-" > } > </script> > ``` Could I write how you used it?
Author
Owner

@DeepmindzAbhishek commented on GitHub (Jul 1, 2024):

Hi, i am also looking for the solution, can you please tell me if the solution is solved, if yes, how?

@DeepmindzAbhishek commented on GitHub (Jul 1, 2024): Hi, i am also looking for the solution, can you please tell me if the solution is solved, if yes, how?
yindo changed title from [BUG]: chatbot widget overriding html css to [GH-ISSUE #919] [BUG]: chatbot widget overriding html css 2026-06-05 14:35:57 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Mintplex-Labs/anything-llm#555