Microthemer. Your visual WordPress CSS editor

Microthemer is a point-and-click CSS editor for WordPress that helps you style any part of your site, from layout to typography, without writing code or slowing things down.

Free trial Live demo

Love it, or get your money back.
No questions asked.

Make anything
responsive

Page speed
optimized

Drag & drop
CSS grid layouts

Live CSS editing

Your style changes appear instantly, whether you use the AI assistant, visual styling options, the code editor, or any combination. To help you select the right elements, Microthemer displays their underlying HTML code clearly. This powerful live editing capability makes Microthemer the ideal CSS editor for real-world projects, enhancing both your workflow and your understanding of HTML and CSS.

AI Assistant

Design faster and smarter with Microthemer’s integrated AI assistant. Instantly style your site using straightforward prompts or get real-time suggestions if you’re unsure how to proceed. Effortlessly fine-tune AI-generated styles with simple controls, and explore advanced edits safely with undo options, draft previews, and AI that "sees" your page context.

Note: AI credits sold separately (starter credits included with first-time use).

Customize anything

Style any part of your WordPress site, from header to footer. Whether it’s Gutenberg blocks, classic editor content, custom post types, theme templates, plugin output, or builder-generated sections. Microthemer works seamlessly with your favourite WordPress tools to give you developer-level design control in a few clicks.

Automatic page speed

Microthemer respects your website’s performance. It intelligently organizes CSS into page-specific folders, loading only necessary styles. Additionally, it delays non-critical CSS for content below the fold (not immediately visible), ensuring excellent site speed. This makes Microthemer the fastest WordPress CSS editor.

150+ CSS styling options

With over 150 CSS styling options ranging from animations, transitions, transforms, filters, flexbox, and CSS grid to essentials like typography, spacing, sizing, and backgrounds - Microthemer accelerates your workflow without limiting control. Freely switch between visual styling fields and direct code editing whenever needed.

Drag and drop CSS grid

Create stunning, modern layouts effortlessly with Microthemer’s intuitive drag-and-drop CSS grid interface. Quickly define rows and columns, and precisely position content. Use CSS grid for overall page layout and for neatly aligning small components. In other words, use it everywhere!

Interactive CSS Grid Demo

Easy Google fonts

Experiment with and integrate Google Fonts visually, without leaving Microthemer. Select fonts with a single click, minimizing font load and enhancing site speed. Effortlessly discover the perfect typography to elevate your designs.

Responsive design

Responsive design is easy with Microthemer. Use provided or custom breakpoints and instantly preview your site across various screen sizes using responsive tabs or the draggable top ruler. Quickly achieve pixel-perfect mobile layouts—no more awkward spacing, cramped text, or oversized headings.

Integrates with builders

Microthemer integrates deeply with Gutenberg, Elementor, Beaver Builder, and Oxygen, allowing you to style content simultaneously in one browser tab.

Shallow integrations are also available for Breakdance, Bricks, Brizy, Divi, OptimizePress, Thrive Architect, WP Page Builder, and Zion, enabling auto-updates across multiple tabs.

Note: Microthemer is a standalone CSS editor, it works independently of any builder.

View price plans

CSS shapes & masks

Create unique, eye-catching designs beyond standard rectangles and rounded corners. Easily apply sharp diagonals, smooth waves, or organic shapes to images and sections, instantly giving your site a friendly, modern appearance.

Safe draft editing

Safely preview new designs on your live site without disrupting visitors. Draft mode lets you experiment freely and only publish your changes when completely satisfied, enabling bold redesigns without risk.

You'll be supported

Need help styling your site? Don’t worry! Our friendly support forum offers expert advice on all things CSS and Microthemer, ensuring you achieve great results and enjoy your creative process.

Developers work faster

Microthemer isn’t just for non-coders. It offers developers rapid, browser-based CSS and Sass editing. See changes instantly, no switching apps or manual refreshes needed. Define CSS selectors and media queries once, keeping your responsive development DRY and efficient.

Beginner to Pro

Microthemer doesn’t just simplify CSS, it educates. Clearly see how your style changes affect your site’s HTML and CSS, helping you gradually build real skills. Gain genuine design control and confidently move from beginner to pro.

More Features

See and override theme styles

See existing CSS values in you theme and adjust with precision. If a heading has 12px margin, you’ll know 24px will double the space.
Export and reuse your designs

Create “Design packs” to back up your work, try variations, or move your styles to another site. Great for staging workflows and multi-site consistency.
Autosave and undo give you control

Microthemer remembers 50 to 300 past actions, so you can easily undo changes and restore earlier states whenever needed.
Clean code that stays out of your way

Microthemer won’t bloat your site. It loads only in the interface, with minimal front-end footprint—keeping your pages fast and clean.
JavaScript editing with error feedback

Write and test JavaScript in-browser. Hit Ctrl+S to reload the page and see instant error reports—no need to open the developer console.
Hand off cleanly to your clients

You can safely deactivate or uninstall Microthemer before launch. Your CSS stays in place, while the editing interface stays out of sight.

Get started for free

Modernise your site designs now, risk-free. The first month is on us, then it's $19.99 pm. Cancel or switch to another plan any time.

Developer monthly

$ 19.99 $01st month

Unlimited sites

Ongoing upgrades

Cancel / upgrade any time

Famously good support

View other price plans

Love it, or get your money back.
No questions asked.

Trusted by over 35,000 sites

A Game Changer December 3, 2019
This is an amazing plugin that has changed my development workflow significantly. I used to create a custom functionality plugin with SCSS to override my themes CSS which was a slow process of trial and error. Now, I still create the custom functionality plugin, but I don’t have to create [...]
Adam Henriksen
CSS (and JS) Tuning for Everyone! October 2, 2018
I love this tool because it allows the experienced developer to quickly, easily and with almost zero impact be able to craft CSS solutions to design problems on top of Page Builders quickly and easily including a kind of IDE for CSS and even throw in some JavaScript for event [...]
mikesale
Superb Styling Plugin July 24, 2017
Microthemer has enabled me to gain complete control over appearance. After several months of use, I can get the look I want 90% of the time and this percentage is steadily increasing. It’s also a good learning tool. I combine it with GeneratePress and its addons – GP sets up [...]
kevinphayes
Awesome plugin December 2, 2017
This is one of the most important/one of the FIRST TO INSTALL plugin for me, when making a new WP install. It is great in many ways : -let’s you see your changes on the go (no need to save/exit/refresh) -creates CSS code – which is a big help, for [...]
zholy9

Got a question?

Send us a message

We aim to respond in:

Mon-Fri: 24hrs
Weekend: 48hrs

Subscription FAQs

What if I don't want to renew?

No problem, just go to our cancel page at any time during your subscription. There you will find an option to cancel future payments. This will disable the auto-renew feature, but your subscription will remain valid until the expiry date shown (e.g. one month/year after your last purchase).

What happens if my subscription expires?

Amender Yearly
You will still be able to update the plugin and receive bug fixes and security updates - but new features added after your subscription expired will not be available to you.

Note - if you do not keep auto-renew enabled, you may have to pay a higher renewal cost in future.

Microthemer Yearly
The plugin will switch to "No updates mode", meaning you will only be able to use the version it was at when your subscription expired, which you can always get from My Downloads. But you can use this version indefinitely. To get the latest version, simply renew your subscription.

Microthemer Monthly (before 12 payments)
Microthemer will switch to "Free trial mode", which means you will not be able to make style edits beyond the first 15 selectors. However, the selectors and styles you added to any sites when your subscription was active will remain in place. And if you want to make additional edits, you need only reactive your monthly subscription, for a single month if you so choose.

Microthemer Monthly (after 12 payments)
To reward customers for maintaining an active monthly subscription for 12 consecutive months, Microthemer will switch to "No updates mode" instead of "Free trial mode". So it's just like the yearly Microthemer plan, where you can use an older version indefinitely.

Will you refund me if I decide Microthemer or Amender isn't for me?

Yes of course. We will happily provide a no fuss refund within 30 days of your purchase if you decide a plugin isn't right for your needs.

With the single or 3 site license, are domains transferable?

The single and standard licenses permit installing Microthemer or Amender on 1 or 3 sites in total. So it's not possible to transfer site licenses between a rotating set of 1 or 3 domains. This is because it's a feature of Microthemer and Amender that you can completely uninstall it after making style edits, and still have the changes stick. See the Preferences > Inactive tab for more information on that. This is where our plugins differ from most WP products - you don't need to keep them active on a domain in order to make use of them on that domain. As such, there would be little advantage of the developer license if the other licenses allowed for domain transference.

Note: If you install our plugins on a dev/staging domain, you can ask for it to be removed from your quota once the site is launched on the live domain. Just send us a quick message via our contact form.

What forms of payment do you accept?

We support Stripe and PayPal. Together, these payment gateways support a large number of payments options - from credit / debit card to Google Pay.

Do you provide support?

Yes! We provide documentation and have an actively maintained forum where you can get free support. Please use it as often as you need to.

Microthemer / Amender FAQs

Will I lose my edits if I update my theme?

Your Microthemer styles and Amender content edits are completely safe when you update your parent or child theme. That's the beauty of controlling styling via a plugin – plugins are not affected by theme updates. Neither Microthemer nor Amender modify any theme or core WordPress files. The changes you make are completely reversible. It's a non-destructive way of customising your current site.

Can I remove Microthemer or Amender and still keep my changes

You can deactivate or completely uninstall Microthemer / Amender and still make use of the styles it creates or content changes it makes by manually including the /wp-content/micro-themes/active-styles.css . To do this:

Access the plugin interface
Go to General > Preferences > Inactive.
Copy the code from the textarea to your theme's functions.php file.
This code will do nothing when Microthemer / Amender is active. But when inactive, it will add apply the edits to your site. It will also add page-id/slug classes to the <body> tag which you might have tapped into when using Microthemer. And any Google fonts you applied with Microthemer.
Because the inactive code also ensures the right Google fonts and classes are included, we recommend this method over copying and pasting Microthemer's CSS code to your theme. But you can do that too if you prefer to use Microthemer as a simple CSS generator.
Rest assured that when you deactivate or uninstall Microthemer / Amender, its settings will not be deleted from the database by default. There is an option for that on the Preferences > Inactive tab, but it's off by default. So if you ever want to go back and make further edits, you can just re-install Microthemer.
You may ask "Is there any need to buy the developer license if you can deactivate Microthemer"? Yes, domain licenses are non-transferable precisely because of this deactivation feature. So with the single or 3 site license, you can only install Microthemer on 1 or 3 domains in total. Once you've reached this quota, you will need to upgrade to the unlimited license.

How can I see the code Microthemer / Amender generates?

You can view the CSS Microthemer generates at any time from the View > Generated CSS & JS option. To see what changes Amender is applying to the page, click the Amends:"review" option below the Amender controls.

Do I need to know CSS/HTML code to use Microthemer / Amender?

No, Microthemer and Amender have been developed with an equal mind for non-coders and experienced developers. That said, you will enjoy them more if you are willing to learn how to read a bit of HTML, JS, and CSS code, even if you always let them generate it for you. Learning how Microthemer makes the style changes, or amender adds content using HTML, will enable you to be more proficient. A bit of knowledge goes a really long way in that respect. To start with, you can just play around with the UI controls. But that might just give you a taste for more. If so, checkout the videos via the Help menu at the top right of the interface.