Dojo Digital

<p>This plugin adds a textarea to the new Customize page that allows theme editors to write, preview & implement css code in real time.</p>


Live CSS Preview

Write, preview & implement css code in real time. 2.0.0 Added the ability to edit CSS from the front end.

Themeover

Ahrale

Jose Luis Cruz

<p>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.</p>
<h4>Feature list</h4>
<ol>
<li>Style anything</li>
<li>Use with any theme or plugin</li>
<li>Point & click visual styling</li>
<li>Code editor (CSS, Sass, JS)</li>
<li>Sync code editor with the UI</li>
<li>Customisable breakpoints</li>
<li>HTML and CSS inspection</li>
<li>150+ CSS properties</li>
<li>Dark or light theme</li>
<li>Custom toolbar layouts</li>
<li>Work with any CSS unit</li>
<li>Color picker with palettes</li>
<li>Slider, mousewheel, keyboard adjustments</li>
<li>In-program CSS reference</li>
<li>History</li>
<li>Draft mode</li>
<li>Global or page-specific styling</li>
<li>Import & export</li>
<li>Light-weight</li>
<li>Minify CSS code</li>
<li>Keyboard shortcuts</li>
<li>Deep integration with Elementor, Beaver Builder, Oxygen</li>
<li>Multisite support</li>
<li>Uninstall MT, but keep your edits</li>
<li><strong>[Pro]</strong> CSS grid (drag & drop)</li>
<li><strong>[Pro]</strong> Flexbox</li>
<li><strong>[Pro]</strong> Stock SVG mask images</li>
<li><strong>[Pro]</strong> Transform</li>
<li><strong>[Pro]</strong> Animation</li>
<li><strong>[Pro]</strong> Transition</li>
</ol>
<h4>Lite VS Pro</h4>
<p>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 <a href="https://themeover.com/" rel="nofollow ugc">purchase a license</a> (monthly, annual, or lifetime).</p>
<h4>Useful links</h4>
<ul>
<li><a href="https://themeover.com/" rel="nofollow ugc">Website</a></li>
<li><a href="https://themeover.com/introducing-microthemer-7/" rel="nofollow ugc">Video docs</a></li>
<li><a href="https://livedemo.themeover.com/setting-up-demo-site/?create_demo" rel="nofollow ugc">Live demo</a></li>
<li><a href="https://themeover.com/forum/" rel="nofollow ugc">Support forum</a></li>
<li><a href="https://www.facebook.com/groups/microthemer" rel="nofollow ugc">Facebook group</a></li>
</ul>
<h4>Author note</h4>
<p>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.</p>
<p>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!</p>


Microthemer Lite – Visual Editor to Customize CSS

A visual editor to customize the CSS styling of anything on your site - from Google fonts to responsive layouts.

Live CSS Preview vs Microthemer Lite – Visual Editor to Customize CSS