Element Picker
Hover the live preview and click the +. We capture the element’s HTML and suggest a clean selector for highly accurate CSS.
See it in action (1 min)
Element Picker → describe change → preview → approve. That’s it.
Why you’ll love it
Point at something on your page, describe the change in plain English, and let GPT-5 write clean, minimal CSS. Preview safely, then approve when you’re happy.
Preview first
Generated CSS is loaded via a preview link—no changes saved until you hit Approve. Perfect for safe experimentation.
Works with any theme
Block editor, classic themes, builders—if it’s WordPress, it works. The CSS is appended after your theme styles for easy overrides.
AI CSS Manager
See every approved block, copy, delete, or clear all (handy after a theme switch). Each section is timestamped.
Detailed logs
Every OpenAI request & response is logged for 30 days (status, duration, prompt excerpt). Great for debugging.
Private & simple
Your API key stays in your DB. You control usage & billing in your OpenAI account.
How it works
1
Add your OpenAI API key
Go to Tish WP Theme AI → Settings, paste your key, click Test Key.
2
Pick an element
Open Element Picker, hover your site, and click the + on the element you want to adjust.
3
Describe the change
Example: “Use Roboto for headings”, “Make header background light grey”, “Round buttons 8px.”
4
Generate CSS with GPT-5
We send a concise prompt (including the element’s HTML & a suggested selector). The model returns either pure CSS or CSS + @import for web fonts.
5
Preview safely
Open the preview link and check the site. Nothing is saved yet.
6
Approve & manage
Click Approve to publish. Use AI CSS to view, copy, or remove sections later.
What you get
✔ Full admin UI (Overview, Element Picker, AI Customizer, AI CSS, Settings, Logs)
✔ Clean, minimal CSS output; @import added for fonts when necessary
✔ Works with WordPress 6.2+ and most themes/builders
✔ All requests logged for 30 days
Requirements & notes
WordPress
Version 6.2 or newer, admin access.
OpenAI API key
Usage billed by OpenAI. Set limits in your OpenAI billing settings.
Compatibility
Tested with block editor themes and popular builders; results may vary with highly opinionated CSS.
*This plugin uses the OpenAI API (model: GPT-5). OpenAI is a separate service and may require payment directly to OpenAI.
FAQ
Does it modify my theme files?＋
No. Approved CSS is stored in the database and printed after your theme styles to safely override them.
Can I undo changes?＋
Yes—open AI CSS to remove any section or clear all (useful after switching themes).
Do you store my API key?＋
The key is saved only in your site’s database (not autoloaded), used solely to connect to OpenAI on your behalf.
Will this work with my builder?＋
Yes—Element Picker targets the actual rendered HTML, so it’s theme/builder-agnostic. Some selectors may need refinement for very dynamic layouts.