The WordPress CSS Generator
Restyle your WordPress theme with point & click editing
Responsive design for mobile
Design responsively for tablets and mobile phones the easy way. Microthemer's site preview automatically shrinks to match any screen-specific styles you add. Furthermore, you can drag the top ruler to set the site preview to custom a widths. Default media query tabs are provided to get you started, but are entirely customizable.
Huge selection of CSS styling options
Enjoy a non-watered down choice of 100+ CSS styling options. From exciting CSS3 styles like gradients, rounded corners, box-shadow, flexbox, animation, and transitions to the less jazzy essentials like typography, position, and background images.
Experimenting with different Google fonts can be time consuming and awkward. Stop configuring complex URLs and refreshing your browser. Visually browse Google fonts (including font variations) without leaving the app and then insert with a single click. Watch video demo
Microthemer is more than just a WordPress CSS generator. See your style edits appear on screen as you apply them. This quick feedback makes for a more enjoyable theme editing experience. And if you just can't keep yourself away from the custom code editor with CSS/SASS syntax highlighting, you will love being able to see the changes on screen without having to switch your viewport or refresh the browser.
Customize any theme or plugin
With Microthemer's 'point and click to edit' feature you can restyle absolutely any WordPress theme or plugin. No pre-configuration is required. Microthemer is already compatible with the next super-star WordPress theme or plugin. Furthermore, you are not limited to only styling post or page content. If you can see it on the page, you can style it. Really!?
Try out a new design on your live site without worrying about site visitors seeing your work in progress. Draft mode changes will only be visible to you. Publish your style changes only when you're 100% happy. This is great if you're still finding your feet with the various styling options. Draft mode provides a safe environment for applying bold new changes to your site.
Friendly and supportive
We understand that some customers will need a little help making the adjustments they require with Microthemer. This is nothing to feel shy about. We want to you get the best out of Microthemer and we're always happy to help. Please head over to our friendly and supportive forum if you get stuck with anything.
Are you a non-coder?
Customize things like color, background images, Google fonts, text styling, gradients, box-shadow and rounded corners after watching our CSS layout and responsive design tutorial.. Or take full control of your site layout on desktop, tablet, and mobile after reading our comprehensive
Are you a developer?
Computed CSS Reporting. Inspect & Edit in one place.Microthemer reveals your theme's default styling so that you can anchor your style edits to those. If a heading has a bottom margin of 12px you know that setting this to 24px will double that space.
Clean, optimized code that won't slow your site downSurprisingly light-weight for such a powerful plugin. Unlike many other plugins, 95% of Microthemer's code doesn't run outside of the MT interface — so it won't slow down your site.
Autosave and undo has your back if you make a mistakeMicrothemer includes a revision restore feature. The past 50 actions that alter your workspace are remembered. So if you make a mistake you can easily roll back to a previous point.
"Incredible Time Saver – Thank You !!!. I’m on Day 1 of using Microthemer and in the first hour you’ve already saved me a day of work doing the mental gymnastics of responsive web design. Having a tab for each break point is genius, and the depiction at each screen width is so much more accurate than the browser-based dev tools I’ve struggled with. And, of course, the code view is priceless. I can already see that this was worth every penny. THANK YOU FOR MAKING THIS PLUGIN!!!"
"Blown away by FlexBox support – I was just experimenting with Microthemer to change the layout of a page and discovered flexbox and your video tutorial. Amazing! Prevented me from having to make a new page template to make a list of events into two columns. Very Cool! Thanks for such a great product!"
"We are currently working to upgrade our website and, as non-css experts, seem to be spending forever searching for the css code we need and doing many many iterative trial and error changes. I’ve been searching for a way to make this quicker and have read so many glowing recommendations for Microthemer. I’ve tried the Lite plugin and was blown away by how amazing it was! I had no idea that a plugin could make css changes so quickly, intuitively and reliably. Huge congratulations on developing such a fantastic system."
"Microthemer is so cool. Generally, I can just [use] firebug to find the CSS to edit, but it’s not always that easy to find the right CSS to edit – at least for me as I’m not a true developer or programmer. And then I don’t know all the css code by memory, so I then would have to find that online. Then I would need to edit the custom css, save and make sure it did what I wanted it to. Microthemer rules!"
"Yes that does work perfectly I am really happy. Microthemer is the best! I have tried a lot of products and I just love Microthemer. It feels more like Adobe InDesign for me which I love, nothing else comes close."
Microthemer Price Plans
Offer ends Oct 27th
Standard$ 451st year3 sites (in total)1 year free upgrades$27 renewal fee (-40%)Cancel any timeFamously good support
Developer$ 901st yearUnlimited sites1 year free upgrades$54 renewal fee (-40%)Cancel any timeFamously good support
Developer (monthly)$ 9monthlyUnlimited sitesOngoing upgrades$9 per monthCancel any timeFamously good support