CSS Customization of /chat integration

Questions
1

After implementing an AI Chat Bot using React.js, I would like to customise the CSS. I mean, I want to use a library that I am already using in the rest of my project.

I know that you can change the :root variables, althought that is not what I am looking for. I want to be able to directly change the tags (p, h1…) CSS. Instead of generating a

from your library, I would like to use the tag (e.g.).

Information on your n8n setup

  • n8n version:: latest
  • Database (default: SQLite):: Window Buffer Mem.
  • *n8n EXECUTIONS_PROCESS setting (default: own, main): own
  • Running n8n via (Docker, npm, n8n cloud, desktop app): npm
  • Operating system: MacOS Ventura
2

Hey @jmartinpizarro04,

Welcome to the community :cake:

We only have the option to change the root variables, If you want to change more than that you may need to fork the project and make your own changes there.

Another option could be to create your own chat widget and send the data to an n8n workflow using the webhook triggers so that you have full control over it.

1 Like
3

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.