The WordPress CSS Generator
Customize your WordPress theme with point and click editing and visual updates. Design responsively, integrate with page builders, and get great support. WordPress CSS editing for everyone.
Responsive design for mobile and tablets
Designing for different screen sizes is easy with Microthemer. Our site preview automatically changes size to match any screen-specific styles you add. You can also drag the top ruler to set the site preview to custom widths. Default media query tabs are provided to get you started but are entirely customizable.
Huge selection of CSS styling options
Enjoy an extensive range of 100+ CSS styling options. Choose from exciting CSS3 styles like gradients, rounded corners, box-shadow, flexbox, animation and transitions to the web design essentials like typography, position, and background images.
Quick and easy access to Google fonts
Save time and effort by visually browsing Google fonts without leaving the Microthemer app. You can then insert the font you want with a single click. This dramatically simplifies experimenting with different Google fonts. Watch video demo
Live style editing preview
Using Microthemer enables you to see your style edits appear on screen as you apply them. This immediate feedback creates a more enjoyable and efficient WordPress theme editing experience. If you are a fan of the custom code editor with CSS/SASS syntax highlighting, you will love being able to see the changes live 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. Plus, you are not limited to styling only post or page content - if you can see it on the page, you can style it. Really!?
Try out a new WordPress 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 are 100% happy with them. This is great if you're still testing out the various styling options. Draft mode provides a safe environment for applying bold new changes to your site, worry free.
Help and support whenever needed
We understand some customers will need a little help and advice on making the adjustments they require with Microthemer. This is nothing to feel shy about. We want to you get the best possible results out of Microthemer and have fun using it so we're always happy to help. Please head over to our friendly and supportive forum and get in touch if you are stuck with anything.
Integrates with key page builders
Microthemer integrates seamlessly with page builders including Elementor and Beaver Builder, among others. While it shouldn't be confused with a drag and drop page builder, Microthemer’s WordPress theme design functions can be used alongside these key page builders on one screen – a winning combination for user friendly WordPress development and design.
WordPress design for all levels
Microthemer is a WordPress customizer for all levels, from web design novices to experienced developers. If you are not a coder our span class="link dialog-marker trigger-dialog" rel="gettingStarted">10-minute training video will provide the basics you need to customize elements such as colour, background images, Google fonts, text styling, gradients, box-shadow and rounded corners. Or you can choose to take full control of your site layout on desktop, tablet and mobile after reading our more detailed CSS layout and responsive design tutorial. Anything else, just ask!
Supports developers to work faster
Inspect and edit in one place with computed CSS reporting.Microthemer reveals your theme's default styling so you can anchor style edits to this. For example, if a heading has a bottom margin of 12px you’ll 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 does not run outside of the Microthemer interface so it won't slow down your site.
Autosave and undo are there to help 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 few mistakes 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
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
One month free!
Developer (monthly)$ 91st month $01st monthUnlimited sitesOngoing upgrades$9 per monthCancel any timeFamously good support