Microthemer

The WordPress CSS Generator

Restyle your WordPress theme with point & click editing

View Pricing
WordPress CSS Generator

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.

Responsive 03

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.

Css Options

Google Fonts

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

Google Fonts

Live preview

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.

Live Preview

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!?

Any Theme Plugin

Draft mode

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.

Draft Mode

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.

Support

Add JavaScript too

Microthemer isn't just for CSS. You can use Microthemer as a complete frontend WordPress editor now that it supports custom JavaScript code. Simply type some JavaScript code and hit the Control+S keyboard shortcut. Microthemer will save your JS to a file and automatically refresh the preview. It will also detect and report any errors in your code so you don't have to fire up the browser console when things go wrong.

Javascript Supported

NOT a page builder

Microthemer is not to be confused with drag and drop page builders. Microthemer is a tool for styling content already on the page, rather than adding new content. It does complement page builders very nicely however. Learn how Microthemer can be used with Beaver Builder.

Beaver Builder Microthemer

Are you a non-coder?

Customize things like color, background images, Google fonts, text styling, gradients, box-shadow and rounded corners after watching our 10 minute training video. Or take full control of your site layout on desktop, tablet, and mobile after reading our comprehensive CSS layout and responsive design tutorial.

Gui

Are you a developer?

Work faster and more visually by coding in CSS, SCSS, and JavaScript just above your site preview. No switching between applications or compulsively refreshing the page. Also, no need to repeat selectors in media queries, selectors are defined in one place to keep things dry.

Dev

More Features

  • 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 down

    Surprisingly 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.
  • Export your designs between domains

    You can export your design changes to a 'Design pack' any time. This is useful for backing up your work, trying out alternative designs, and porting customisations over to another WP install.
  • Autosave and undo has your back if you make a mistake

    Microthemer 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.

Customer testimonials

"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!!!"

Gunther Kastenholz

"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!"

Scott

"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."

Matt Stockdale

"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!"

Robert

"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."

Robert Monroe

Load More

Microthemer Price Plans

Over 6 years of development, Microthemer has matured Choose the price plan that suits your budget
  • Standard

    $ 451st year
    3 sites (in total)
    1 year free upgrades
    $27 renewal fee (-40%)
    Cancel any time
    Famously good support
  • Developer

    $ 901st year
    Unlimited sites
    1 year free upgrades
    $54 renewal fee (-40%)
    Cancel any time
    Famously good support
  • New Monthly Plan

    Developer (monthly)

    $ 9monthly
    Unlimited sites
    Ongoing upgrades
    $9 per month
    Cancel any time
    Famously good support
Pay with PayPal or credit card P30 day no questions money back guarantee

Subscription FAQs

What if I only want to pay once, or cancel future payments after a while?

No problem, just go to our cancel page immediately after making your purchase or 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).

Will you reward me if I maintain an active subscription?

Absolutely.

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" if a subscription expires after the 12th month. With "No updates mode", you will be able to carry on using Microthemer indefinitely and install it on new domains - but only the version Microthemer was at when your subscription expired, which you can always get from My Downloads

With auto-renew enabled on the yearly plan, you can save a hefty 40% on your renewal fee. If you disable auto-renew (i.e. cancel future payments), you will only be eligible for a 20% discount on future renewals.

What is the difference between the standard and developer license?

The only difference between the two licenses is the number of domains you can install Microthemer on. With the standard license you are limited to three domains. That's three domains in total, not three at any one time. The developer license places no such limit - you can install Microthemer on as many sites as you please.

What is the difference between the monthly and yearly plans?

The monthly plan gives you access to the latest version of Microthemer with the lowest upfront cost. If you cancel your subscription, you will not be able to use Microthemer in full capacity. Microthemer will switch to "Free trial mode", which means you will not being 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. Checkout the FAQ on rewards for maintaining an active subscription above.

The yearly plans provide cost savings over the course of a year and beyond. If your subscription expires, Microthemer will switch to "No updates mode", meaning you will only be able to use the version Microthemer was at when your subscription expired, which you can always get from My Downloads. You can renew your annual subscription or switch to paying monthly anytime to get the latest version of Microthemer.

Can I upgrade and/or switch billing periods?

Yes to both. We provide very flexible options for upgrading from the standard to developer license, or switching your billing period from monthly to yearly (or vice versa). We've sprinkled in some clever maths to ensure the fairest possible pricing for upgrading/switching, taking into account your initial purchase price and how many days your subscription has been active. So you needn't worry about which plan to start with. There are no potential gains or losses in that respect.

What if I'm already paying for an existing subscription?

If you change subscription, we will automatically cancel payments for your previous subscription. You will receive an email notification confirming this.

What forms of payment do you accept?

Currently we only accept payments via PayPal. Apologies for any inconveniences this may cause. We will add support for Stripe in the near future. Please let us know if that would be easier for you than PayPal.

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

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

Microthemer FAQs

What is Microthemer in a nutshell?

Microthemer is a WordPress CSS generator. CSS is the language of design on the web, and so you can use Microthemer to customize the default design of your theme or any plugin content. It provides a point and click visual interface so you don't have to write the CSS code yourself. Microthemer has been around for many years and has a large fan base of non-coders and experienced programmers.

Will I lose Microthemer edits if I update my theme?

Your Microthemer styles 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. Microthemer restyles your WordPress site in a non-destructive way. It simply creates an alternative stylesheet:

/wp-content/micro-themes/active-styles.css

This stylesheet has style rules that the browser applies instead of the styles in your theme because they have higher CSS specificity. Microthemer doesn’t delete or modify any files in your theme. Therefore when you update the theme, nothing is lost.

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

No, Microthemer has been developed with an equal mind for non-coders and experienced CSS developers. That said, you will enjoy Microthemer more if you are willing to learn how to read a bit of HTML and CSS code, even if you always let Microthemer generate it for you. Learning how Microthemer makes the style changes to your site will enable you to be more proficient. A little 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 help videos via the Help menu at the top right of the interface.

How can I see the code Microthemer generates?

You can view the CSS Microthemer generates at any time from the View > Generated CSS & JS option.

Can I remove Microthemer and still use the CSS code it generates?

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

  1. Access the Microthemer interface
  2. Go to General > Preferences > Inactive.
  3. Copy the code from the textarea to your theme's functions.php file.
  4. This code will do nothing when Microthemer is active. But if Microthemer is inactive, it will add Microthemer CSS/custom JS 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.
  5. 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.

Do you provide support for Microthemer?

Yes. We provide documentation and have a support forum where you can get free support. Our forum is a friendly and supportive place. Please use it as often as you need to.

Close