How to change the Watson Assistant Chatbot BOX Size.

  • Resolved khanaymal

    (@khanaymal)


    3 years, 11 months ago

    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;
    }
    }

Viewing 1 replies (of 1 total)
  • Thread Starter khanaymal

    (@khanaymal)

    Add margin-top and change values according to your will.

    @media (min-width: 640px) {
    #watson-float {
    margin-top: 100px;
    top: 0;
    right: 0 !important;
    }

    #watson-box {
    width: -900% !important;
    height:100% !important;
    }

    #message-container {
    height: calc(100% – 2.75em) !important;
    }
    }

Viewing 1 replies (of 1 total)
  • The topic ‘How to change the Watson Assistant Chatbot BOX Size.’ is closed to new replies.