Microthemer Lite – Visual Editor to Customize CSS vs Preserved HTML Editor Markup Plus

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. Feature list Style anything Use with any theme or plugin Point & click visual styling Code editor (CSS, Sass, JS) Sync code editor with the UI Customisable breakpoints HTML and CSS inspection 150+ CSS properties Dark or light theme Custom toolbar layouts Work with any CSS unit Color picker with palettes Slider, mousewheel, keyboard adjustments In-program CSS reference History Draft mode Global or page-specific styling Import & export Light-weight Minify CSS code Keyboard shortcuts Deep integration with Elementor, Beaver Builder, Oxygen Multisite support Uninstall MT, but keep your edits [Pro] CSS grid (drag & drop) [Pro] Flexbox [Pro] Stock SVG mask images [Pro] Transform [Pro] Animation [Pro] Transition Lite VS Pro This lite version limits you styling 15 things, and doesn’t include the features marked [Pro] in the list above. To unlock the full program, you can purchase a license (monthly, annual, or lifetime). Useful links Website Video docs Live demo Support forum Facebook group Author note Hello everyone, my name is Sebastian. I’ve designed Microthemer for developers as well as beginners. My aim is to level up beginners by exposing the CSS code Microthemer generates when using the visual controls. This is of course helpful for developers who may wish to make manual edits. Some developers use Microthemer as an in-browser CSS or Sass editor, and just lean on the interface for element selection or more advanced properties like filters, grid, and animation. I’ve been happily developing Microthemer and supporting users of varying technical experience in my forum for many years now. I’m always ready to answer questions about the software and help out with CSS hurdles. Please don’t hesitate to get in touch!

This plugin preserves the user-generated HTML markup in the TinyMCE editor. Unlike other plugins this one allows developers to work in the HTML tab AND end-users to work in the WYSIWYG Visual tab at the same time! No longer will your HTML markup be completely munged into an unrecognizable form when you switch between those tabs. And you don’t have to hang your users/editors out to dry when you hand off the project with a disabled Visual tab. IMPORTANT: Please read the installation instructions carefully. If you have existing content it will not render properly after activating this plugin until you use the Fix It Tools. (One user didn’t read or follow these steps and panicked thinking I ruined their website.) It also supports HTML5 Block Anchor tags in addition to other HTML5 elements, something that is currently not supported in WordPress via any existing plugins.