Microthemer Lite – Visual Editor to Customize CSS free WordPress plugin
Description
Microthemer Lite – Visual Editor to Customize CSS free WordPress plugin
A light-weight yet powerful visual editor to customize the CSS styling of any aspect of your site, from google fonts to responsive layouts. Microthemer caters for both coders and non-coders, and plays really well with page builders like Elementor, Beaver Builder, and Oxygen.
Main Features (for both coders and non-coders)
Customize the CSS styling of anything on your page, including headers, menus, sidebars, footers, and plugin content (e.g. contact forms).
Intuitive visual editor.
Over 100 CSS style options at your disposal e.g. Google Fonts, padding, margin, backgrounds, gradients, shadows, CSS filters etc. Pro-only styles include animation, transition, transform, flexbox, CSS grid.
Responsive design without the usual headaches. Preview your site at different screen sizes and apply media queries styles without writing code.
Export your designs as a zip file. For sharing with friends, or transferring between domains.
In-program docs so you can learn about CSS, or refresh your memory.
History feature, so you can go back if you make a mistake.
Draft mode, so you can try new designs on a live site without affecting what visitors see until you’re ready to publish.
Apply styles per-page or globally.
Apply :hover states an any other pseudo selector like :nth-child() without having to remember the syntax.
Advanced color picker for sampling colors from your theme and creating custom palettes.
Import CSS media queries, selectors, and styles from any stylesheet into Microthemer’s GUI.
Light-weight. Microthemer generates CSS. It doesn’t try to do much more than that.
Nonce security to help keep things secure.
Supports multi-site.
Supports SSL sites.
Great support provided via our dedicated Microthemer forum.
Free CSS, HTML, and responsive design tutorial.
Event-based animation (e.g. onClick, inView)
Work with any CSS unit e.g. em, rem, %, vw etc.
Main Features for coders only
Full code editor that lets you write code in the browser while looking at the page.
Hybrid GUI code editor if you want to leverage the power of the GUI but prefer writing CSS properties and values by hand.
SCSS, CSS, and JS supported.
Enqueue JS libraries native to WordPress like jQuery UI for rapid experimentation.
Minify CSS code.
HTML and CSS inspection, similar to browser inspectors.
Keyboard shortcuts for common actions.
Validation of custom selectors with visual feedback as you type.
Hide from clients by uninstalling or deactivating, but still use the CSS Microthemer generates by copying and pasting a few lines of PHP code to your theme’s functions.php file.
Free VS Premium version
This free version limits you styling 15 things, and doesn’t include flexbox, CSS grid, transition, transform, or animation features. To unlock the full program, you can purchase a license (monthly, annual, or lifetime).
Getting started video (1:42)
Customize Elementor CSS with Microthemer
Customize Beaver Builder CSS with Microthemer
Customize Oxygen CSS with Microthemer