How to style the chatbot?

  • Resolved myonlyeye

    (@myonlyeye)


    2 years, 2 months ago

    Hi! I’m a newbie when it comes to CSS, but understand HTML quite well (and understand what PHP and JS does).

    I understand that the chatbot short code can be adjusted with CSS. I am currently just experimenting with it and try to figure out good ways to use it, but I could use some practical examples on how I can do that – e.g. how to make it look like the plugin “AI Playground” in the admin console.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jordy Meow

    (@tigroumeow)

    Hi,

    So actually, the one in the AI Playground doesn’t really have any style ?? It’s just a Text Area (and nothing is formatted inside of it, maybe I’ll do that later). However, the chatbot in the shortcode is more style-friendly.

    You have enabled the ChatGPT styles on it, in the options?

    How does it look like now, can you share a page where you are using the shortcode, and the design problem you have with it?

    Thread Starter myonlyeye

    (@myonlyeye)

    It looks like this now: https://drive.google.com/file/d/11HBeZ4nJClLf9hIRtsw2qTx43llWo0dk/view

    And the text in the post looks like this:
    https://drive.google.com/file/d/11JezVEGRU_1UKqJUc1nALmvPMTtp8qI-/view

    I would like to have a fixed size on the chat window. I have enabled the ChatGPT style.

    Would it be better if I a made temp page with a URL to this forum while testing?

    Plugin Author Jordy Meow

    (@tigroumeow)

    You should learn a bit about CSS and how to add styles in your WordPress ?? That’s fairly easy, and a fun thing to learn; that will help you not only fixing your issue, but you’ll be able to really fix many other things on your entire website. Really worth it! It will be much faster than asking me what CSS you should use, you could actually ask this on any forum, it’s not really related to the plugin ?? In fact, you can even ask ChatGPT (the real ChatGPT service that is free/beta) to teach you, and how to find the elements on the page with Chrome, etc; I think it might be able to do that too. Lot of fun ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to style the chatbot?’ is closed to new replies.

Tags