I am currently using freshchat, and have uploaded the widget to a website.
My issue is that i want to increase the height and width of the widget. Ive tried to resize the widget by writing the class in a local CSS file but it doesnt seem to read it (even though ive used !important".
When i edit the class in the developer console i am able to resize the widget, see screenshot below.
Anyone familiar with how i can resize it to desired custom size?
The element you’re trying to modify is within the iframe of the Freshchat widget.
Any styles defined on your website will not be applied to the dom of an iframe. That’s how browsers work.
The widget comes with a default size and the option to change it to a compact size in the Messenger Settings page.
The Freshchat widget will now occupy the entire width and height of your enclosing iframe, thereby allowing you to resize the widget according to your needs by modifying your iframe’s height and width.