MICROTHEMER

The WordPress CSS editor

Microthemer is a hugely popular live CSS editor for WordPress. Customize your theme with point and click editing, design responsive grids, integrate with page builders, learn Sass, and get great support.

Say hello to the only WordPress CSS editor you won't grow out of.

General workflow (2 mins) Buy now Live demo
Make anything
responsive
CSS variables
& Sass support
Drag & drop
CSS grid layouts
Standalone Tiles 1288 812
Zoomed Out Toolbar
Trusted Brands 4

Independent wordpress.org reviews

  • I love the plugin and support! January 11, 2020
    Its a joy to work with and Mr. Sebastian fixed the problem even when I am just free user. Thank you!
    cikatomo
  • 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 the overrides ... read more
    Adam Henriksen
  • Top customer server on a weekend!! November 25, 2019
    Had a small issue with loading a CSS theme, Seb was on the case on a Sunday night and fixed my problem remotely. Probably the best customer support in the world!!! Amazing bit of software, could not live without it. Cheers Dan This topic was modified 5 months, 1 week ago by flukester.
    flukester
  • The easiest way to visually customize layouts in WordPress. October 2, 2019
    Lightweight and efficient. If you need to change some details in your site’s layout, Microthemer will help you a bunch. The best part is that you don’t need to keep the plugin activated if you don’t want, just copy the modifications and paste them in the Custom CSS field (on the Customizer Panel) ... read more
    Marcio Duarte
  • This is awesome & will be better when I figure out how to use it… May 29, 2019
    I will admit: for me, this plugin was a little more than a little complicated at first, but once I got the hang of it, things were easy to customize! I am looking forward to getting a better understanding of what is what so that I can easily customize EVERYTHING I want without ... read more
    GoddessNYC
  • 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 handling, etc. At ... read more
    mikesale
  • It simply works ! January 19, 2018
    This plugin is the best thing since sliced bread.
  • 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 those who just ... read more
    zholy9
  • Great Support and does what it says November 8, 2017
    I’m new to Microthemer and found that the simple things I wanted to do were indeed simple to do but that the changes I made seemed to be ephemeral. So I contacted Microthemer support. As soon as they had the required information, Microthemer worked on the issue. They identified that there really was ... read more
    KNBDunlop
  • 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 the site, then ... read more
    kevinphayes
  • Timesaver July 18, 2017
    I’ve been using Microthemer for a long time now (a year or two) and just realised I never posted a comment here (use the full version, so don’t really come here to download it)… Microthemer is one of the few plugins I install on every WP site, along with backup and security plugins… ... read more
    Nelmedia
  • Microthemer: you want to learn css while beautify your WP theme June 4, 2017
    If your theme needs some brush up then Microthemer is the plugin of your choice. Its that easy: Watch the short Videos on https://themeover.com/, install the Plugin, play around in Draft Mode and you are up and runing in 30minutes! All in wysiwyg-mode – fantastic!
    chribre
  • Fantastic product and huge time saver. May 24, 2017
    The new version 5 is a serious step up.
    leandroseabra
  • Excellent!!! May 19, 2017
    The new paid version (5) has just come out and it’s brilliant!!! Get over there now and enjoy a 40% (!) discount folks. Worth every cent.
  • $45.00 product -$1,000 Tech support April 6, 2017
    I contacted support and got a very fast reply from Sebastian. I contacted him after I downloaded the standard license but could not make adjustments to my site with Microthemer. I provided login info and again received a fast response from Sebastion. The problem was with the caching at my hosting service. I ... read more
    vt802
  • Focus on creating beautiful pages, get the pro version!! December 30, 2016
    Once you get the hang of it, this allows you to focus on creating great looking pages without the need to go back and forth to code and preview. Streamlined and effective. Highly recommend getting the full version.
    majamaki
  • This plugin is really a gamechanger May 10, 2016
    As much as I loved the look and feel of CSSHero, the poor UX made it impossible for me to use. In the end I got a refund. Then luckily I happened upon Microthemer Lite and I was back in business. I am a site architect and not a developer, so CSS has ... read more
    Terence Milbourn
  • A Game Changing WP Tool May 10, 2016
    Microthemer has changed my life. It is an amazing tool for editing and customizing WordPress sites to perform, function and respond exactly as you want them to. If you can double-click, Microthemer is for you. If you want to easily and quickly customize a WordPress site, Microthemer is for you. If you have ... read more
    trifectacreative
Yearly
Lifetime
  • Standard (yearly)

    $ 45 1st year
    3 sites (in total)?
    1 year free upgrades
    $27 renewal fee
    Cancel / upgrade any time
    Famously good support
  • Developer (yearly)

    $ 90 1st year
    Unlimited sites
    1 year free upgrades
    $54 renewal fee
    Cancel / upgrade any time
    Famously good support
  • Standard (lifetime)

    $ 78
    3 sites (in total)?
    Lifetime upgrades
    One time fee
    Cancel / upgrade any time
    Famously good support
  • Developer (lifetime)

    $ 399
    Unlimited sites
    Lifetime upgrades
    One time fee
    Pay once, use forever
    Famously good support
  • Free month!

    Developer (monthly)

    $ 8.99 1st month $01st month
    Unlimited sites
    Ongoing upgrades
    $8.99 per month
    Cancel / upgrade any time
    Famously good support

Drag and drop CSS grid controls

Wth the release of Microthemer 6, using CSS grid to create beautiful web layouts is as simple as drag and drop. This feature brings the power of CSS grid to the masses. And if you like to code, you can switch back and forth between the code and the visual controls seamlessly. Microthemer is the perfect tool for learning CSS grid with stabilisers.

Interactive CSS Grid Demo

Wordpress Css Grid

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.

Responsive 03

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.

Css Options

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

Google Fonts

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.

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

Any Theme Plugin

Draft mode

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.

Draft Mode

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.

Support

Use as a JavaScript Editor

Microthemer also supports custom JavaScript code, meaning you can use it as a complete frontend WordPress editor. Type some JavaScript code and hit the Control+S keyboard shortcut. Microthemer will save your JavaScript to a file and automatically update the preview. It will also detect and report any errors in your code so you don't have to fire up the browser console if things go wrong.

Javascript Supported

Integrates with key page builders

Microthemer integrates seamlessly with page builders including Elementor, Beaver Builder and Oxygen, 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.

Page Builder Friendly

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

Gui

Supports developers to work faster

With Microthemer, developers can work faster and more visually by coding in CSS, SCSS, and JavaScript just above the site preview which will automatically update. There is no need to switch between applications or compulsively refresh the page. Plus, no need to repeat selectors in media queries; selectors are defined in one place to keep things dry.

Dev

More Features

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

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

    You can export your design changes to a 'Design pack' at any time. This is useful for backing up your work, trying out alternative designs and transporting customisations over to another WordPress site.
  • Autosave and undo are there to help 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 few mistakes you can easily roll back to a previous point.
Yearly
Lifetime
  • Standard (yearly)

    $ 45 1st year
    3 sites (in total)?
    1 year free upgrades
    $27 renewal fee
    Cancel / upgrade any time
    Famously good support
  • Developer (yearly)

    $ 90 1st year
    Unlimited sites
    1 year free upgrades
    $54 renewal fee
    Cancel / upgrade any time
    Famously good support
  • Standard (lifetime)

    $ 78
    3 sites (in total)?
    Lifetime upgrades
    One time fee
    Cancel / upgrade any time
    Famously good support
  • Developer (lifetime)

    $ 399
    Unlimited sites
    Lifetime upgrades
    One time fee
    Pay once, use forever
    Famously good support
  • Free month!

    Developer (monthly)

    $ 8.99 1st month $01st month
    Unlimited sites
    Ongoing upgrades
    $8.99 per month
    Cancel / upgrade any time
    Famously good support
Try the online demo (with video tutorials)
Pay with PayPal or credit card P30 day no questions money back guarantee

Don't use PayPal?

We can create a stripe invoice for you.

Request a stripe invoice

Request a stripe invoice

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.

Developer vs Standard license - are standard license domains transferable?

The only difference between the Standard and Developer licenses is the number of domains you can install Microthemer on. The developer license places no limit - you can install Microthemer on as many sites as you please.

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

Note: If you install Microthemer 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 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.

Tell me more about your price match guarantee?

If you like Microthemer, we want you to use it. Our goal with the price match guarantee is to simplify things for you. You can forget about price comparison, and just choose the product and service you rate most highly. So if another CSS editor is on offer, rest assured you can always get Microthemer for the same price. Please feel free to contact us of you have any questions.

What forms of payment do you accept?

Currently we only accept payments via PayPal on the website. If PayPal isn't an option for you, we can manaully create a stripe invoice for you. We will add a Stripe payment gateway to the website 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.
  6. Rest assured that when you deactivate or uninstall Microthemer, 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.
  7. 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 Standard license, you can only install Microthemer on 3 domains in total. Once you've reached this quota, you will need to upgrade to the Developer license in order to install Microthemer on additional domains.

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
NEW - style option sliders