34
Views
3
Comments
Custom height and width CSS for dialogflow messenger chatbot
Question

Hello All,

Currently I am trying to resize the dialogflow chatbot messenger in my web application.

But it seems applying the css doesn't overwrite it, is there any issue that we cant change it??


As referring to the screenshot, the css won't overwrite when I applied 

.chat-wrapper[opened="true"] {

   height:73%;

  width: 35%;

}

2023-04-07 07-55-02
Krushna Mantri

Hi Junior,

Could you please try like below:

.chat-wrapper[opened="true"] {

   height:73% !important;

  width: 35% !important;

Hope this will help you

Regards,

Krushna

2020-07-29 19-08-40
Sanjay Kumar Sahu

Hello J u n i o r ,


Try to overwrite your CSS at screen level CSS editor. If already doing, enclose your chatbot in a container and in the properties map your style class.


Regards,

Sanjay

2023-03-09 07-10-59
Vipasha Sharma

Hi,

You can enclose your chat widget inside the container, make height and width of you widget as fill both. Then give heigth to your container as fill (or whatever you want).

Hope this will help you. 

Regards,

Vipasha 


Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.