Title: visual changes using CSS are ignored
Last modified: January 28, 2023

---

# visual changes using CSS are ignored

 *  Resolved [lukashuggenberg](https://wordpress.org/support/users/lukashuggenberg/)
 * (@lukashuggenberg)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/visual-changes-using-css-are-ignored/)
 * 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](https://wordpress.org/support/users/tigroumeow/)
 * (@tigroumeow)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/visual-changes-using-css-are-ignored/#post-16418274)
 * Hi [@lukashuggenberg](https://wordpress.org/support/users/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](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](https://wordpress.org/support/users/lukashuggenberg/)
 * (@lukashuggenberg)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/visual-changes-using-css-are-ignored/#post-16419146)
 * 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.

 * ![](https://ps.w.org/ai-engine/assets/icon-256x256.png?rev=3431928)
 * [AI Engine - The Chatbot, AI Framework & MCP for WordPress](https://wordpress.org/plugins/ai-engine/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ai-engine/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ai-engine/)
 * [Active Topics](https://wordpress.org/support/plugin/ai-engine/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ai-engine/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ai-engine/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [lukashuggenberg](https://wordpress.org/support/users/lukashuggenberg/)
 * Last activity: [3 years, 4 months ago](https://wordpress.org/support/topic/visual-changes-using-css-are-ignored/#post-16419146)
 * Status: resolved