visual changes using CSS are ignored

  • Resolved lukashuggenberg

    (@lukashuggenberg)


    1 year, 9 months ago

    Hi,
    I made some visual changes to the bot using CSS in the customizer’s additional CSS section, e.g.

    mwai-chat-mwai263d54f7aafe42.mwai-window {

    position: relative !important;
    width: 600px !important;
    }

    mwai-chat-mwai263d54fd0ddd2b .mwai-input button {

    width: 150px !important;
    }

    All changes of this kind are ignored (but I see that they’re working when applying them in the inspector).
    Is there a way to apply this kind of changes to the AI window *before* it’s popping up?
    Kind regards,
    Lukas

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

    (@tigroumeow)

    Hi @lukashuggenberg,

    First, don’t use the auto-generated class; this is based on the ID. If it’s not fixed by you (you can add it manually for each chatbot), it’s generated automatically every time. So basically, your CSS will never be applied!

    So two ideas; first one, you fix the ID, and you can do exactly what you are doing here. I am not sure where the Customizer is pushing the CSS, but if it’s at the bottom of the page, your CSS will override mine. Otherwise, you will need to use !important.

    Second idea is to use my filter here: https://meowapps.com/ai-engine/tutorial/#apply-custom-style-to-the-chatbot. That will insert the CSS right after but next to mine.

    Thread Starter lukashuggenberg

    (@lukashuggenberg)

    Hi Jordy,
    thanks for your reply, works perfectly now!
    Kind regards,
    Lukas

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘visual changes using CSS are ignored’ is closed to new replies.