Increase Chatbox window size

  • Resolved Taramin

    (@taramin)


    6 years, 10 months ago

    Hi Team,

    I would like to increase the chatbox window size on desktop computers (but not on mobile devices).
    I would like to show it at more or less 1/4 of the screen size as per the Watson assistant try out window on the IBM cloud (which is full height and 1/4 of the screen size).
    I’ve tried to play with @media screen and (max-width: 1024px) but it does not work on desktop and the size is too big on some mobile phone (the input field is hidden at the bottom of the screen).
    Any idea how I can do this?
    Best regards,
    Devrim

    • This topic was modified 6 years, 10 months ago by Taramin.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Intela-bot Help

    (@intelahelp)

    6 years, 10 months ago

    Hi Devrim!

    Appearance issues depend on your site theme and installed plugins.

    One way to solve your problem is to add custom CSS.
    Follow these steps to do that:

    1. Go to your WordPress Dashboard.
    2. In the left menu, there is “Appearance” submenu.
    3. Select “Customize” in “Appearance” submenu (sample screenshot).
    4. Select “Additional CSS” in the left menu (sample screenshot).
    5. Add custom CSS, something like this (sample screenshot) and press the Publish button:
    @media (min-width: 1025px) {
  #watson-float {
    top: 0;
    right: 0 !important;
  }

  #watson-box {
    width: 25vw !important;
    height: 100vh !important;
  }

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

    If you still have any questions, don’t hesitate to ask us. We will gladly answer.

    Thread Starter Taramin

    (@taramin)

    6 years, 9 months ago

    Thank you very much.
    Works like a charm!
    Cheers!

    Devrim

    Plugin Author Intela-bot Help

    (@intelahelp)

    6 years, 9 months ago

    You are welcome!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Increase Chatbox window size’ is closed to new replies.