MicroThemer - WordPress CSS Editor

Download MicroThemer - WordPress CSS Editor Premium CSS Editor
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.

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

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.

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.

Demo Link : https://themeover.com/

Summary from Demo
Your cart is empty
Microthemer is a point-and-click CSS editor plugin for WordPress that helps site builders of any level design like a pro.
Easily create CSS grid layouts design responsively integrate with your favourite page builder (optional) use Sass and get expert CSS help from the author of the plugin.
Love it or get your money back. No questions asked.
Your style edits appear on screen instantly with Microthemer so you can make design changes in seconds. And to help ensure you always select the right element Microthemer's HTML inspector displays the underlying HTML code for the elements you select. This unique feature makes Microthemer the best live CSS editor for real world projects and the perfect tool to take your understanding of HTML and CSS to the next level.
With Microthemer's point-and-click to edit feature you can restyle absolutely any part of any WordPress page from header to footer. This includes Gutenberg (or classic editor) post and page content custom posts hard-coded theme or plugin content page builder content - you name it. Microthemer works seamlessly with your favourite WordPress tools to give you developer-level design control in a few clicks.
Enjoy the largest set of CSS styling options provided by any WordPress CSS editor (150+). Choose from modern styles like animations transitions transforms filters flexbox and CSS grid to web design essentials like typography position spacing sizing and backgrounds. The style fields will speed up your workflow significantly without sacrificing any control
you can switch back and forth between the style fields and the code editor as you please.
CSS grid solves age old web design problems with columns that don't vertically align adapt to different screen sizes easily or space apart without unwanted peripheral space. The only downside is the steep learning curve. But Microthemer's visual drag and drop controls bring the power of CSS grid to the masses. So you can create beautiful web layouts using CSS grid in seconds. It's so much easier than the old way it almost feels like cheating.
Interactive CSS Grid Demo
Save time and effort by visually browsing Google fonts without leaving the Microthemer interface. You can then insert the font you want with a single click. This dramatically simplifies experimenting with different Google fonts and ensures your site only loads the minimum fonts and variations needed for your design - no unnecessary font files.
Watch video demo
Microthemer takes the pain out of responsive design. Some common breakpoints are provided to help you get started but are entirely customizable. Use the responsive tabs or drag the top ruler to check how your site looks on different screen sizes and then fix any issues. This feature is super useful for creating pixel perfect layouts on mobile - no need to settle for cropped/bunched up text or strangely large spacing and heading typography.
Microthemer integrates seamlessly with page builders such as Elementor Beaver Builder and Oxygen. You add content with your page builder then style it with Microthemer - at the same time using a single browser tab.
Some people handle the styling exclusively with Microthemer while others use it for the final 20%. Needless to say if you've never found your page builder's styling options to be limiting or repetitive Microthemer probably isn't for you.
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.
We understand that you may need help making CSS changes from time to time. This is nothing to feel shy about. We want you to get the best possible results out of Microthemer and have fun using it. So please head over to our friendly and supportive forum if you get stuck with anything. You will receive help from Sebastian - the author of the plugin and an expert on all things CSS and Microthemer related.
Microthemer is not just a tool for non-coders. Far from it. Microthemer provides an extremely quick and convenient way to add custom CSS Sass and JavaScript code in the browser - the same place you add content using Gutenberg or a page builder.
Your code changes render on screen instantly - no need to switch between desktop applications wait for Sass to compile or compulsively refresh the browser. Plus CSS selectors and media queries are defined in only one place to keep responsive development dry.
If you are new to building WordPress sites do you always want to feel like a beginner? There is actually a risk of that with development tools that strive to completely shield you from the technicalities of site building. Microthemer is different. Microthemer shows you what it's doing and invites you to understand CSS and how it relates to HTML in your own time. Because that's how you will achieve full design control for real. That's how you will move from beginner to Pro which is a very advantageous place to be.
Get notified about our Black Friday deal - the first and only deal of 2021.
You can get started for free now - simply sign up to our Trial plan below.
Use Microthemer for free until Nov 26th. No credit card. No auto-renew. Unlimited sites.
We will email you near Black Friday to see if you want to grab the deal before it's gone!
We can create a stripe invoice for you.
Request a stripe invoice
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.
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.
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.
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.
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.
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:
You can view the CSS Microthemer generates at any time from the View > Generated CSS & JS option.
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 videos via the Help menu at the top right of the 2021 Themeover