Document toolboxDocument toolbox

4.2.3. Styling and theme's

You can see it in action here products.bizzomate.com

image-20240508-123129.png

The Chat widget utilizes CSS properties for styling, which are defined within the _variables.scss file of the module. If you wish to adjust the styling to suit your custom needs, you can either override the variables in this file or exclude the variables file altogether. This allows you to copy and paste the _variables.scss file to another part of your application and modify everything without altering the main module. By using this method, when the BizzomateChat module is updated, your custom styling will not be overwritten.

You can achieve this by setting the following SCSS variable in your exclusion-variables.scss file within your theme folder.

$exclude-chat-variables: true;
image-20240510-083946.png

Â