Tiledesk/chat21-web-widget

White background around Tiledesk widget when using TailwindCSS

theaspirational opened this issue · 0 comments

Description: I have integrated Tiledesk widget into my website which uses TailwindCSS for styling. However, I am seeing a white background around the Tiledesk widget, which is causing a visual inconsistency with the rest of my website. I suspect there might be some CSS conflicts between the default styles applied by Tiledesk and my custom styles. I have tried setting the background to transparent and removing the box-shadow using the following CSS, but it did not work:

#tiledesk-container {
  background: transparent !important;
  box-shadow: none !important;
}

Could you please assist me in resolving this issue and achieving a consistent visual style throughout my website?
CleanShot 2023-03-10 at 1 58 20@2x