DEV Community

Aymal Khalid Khan
Aymal Khalid Khan

Posted on

How to change the WordPress Plugin Watson Assistant Chatbot BOX Size?

The CSS code below changes the height from below to top but not from top to below. I want to decrease the chatbot BOX size from top to below but I am not able to do it.
@media (min-width: 640px) {

watson-float {

top: 0;
right: 0 !important;

watson-box {

width: 35vw !important;
height: 95vh !important;

message-container {

height: calc(100% – 2.75em) !important;

I want the size of the box up to the red line in the image.

Discussion (0)