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.

Rosua

<h3>Yabe Webfont: the #1 Self-hosted Google Fonts and Custom Fonts Manager for WordPress</h3>
<p>Yabe Webfont is a GDPR-friendly font WordPress plugin made for designers and developers that is advanced, easy to use, and intuitive to give you complete control over your fonts and typography in WordPress.</p>
<h3>FEATURES</h3>
<p>Yabe Webfont is packed full of features designed to streamline your workflow. Some of our favorites are:</p>
<ul>
<li><strong>GDPR / DSGVO friendly</strong>: You can import/self-host Google Fonts files from your server through your WordPress admin page. Fewer reasons to worry about GDPR / DSGVO compliance.</li>
<li><strong>Google Fonts and Adobe Fonts ready</strong>: Start using any available fonts on Google Fonts and Adobe Fonts.</li>
<li><strong>Custom Fonts</strong>: A dedicated custom fonts manager for WordPress. The central place to manage all your fonts and typography.</li>
<li><strong>Easy to use</strong>: Add custom fonts to your WordPress site with a simple and intuitive interface. No coding knowledge is needed. You can upload the font files using the WordPress media uploader. No FTP is required.</li>
<li><strong>Fine-tuning</strong>: Complete control over your fonts and typography. On 90% of use cases, the default one is good to go.</li>
<li><strong>Lightweight and blazingly fast</strong>: The font management system uses WordPress REST API and a modern JavaScript framework for an instant, responsive user experience. The front page cache ensures fast loading and reduces database queries.</li>
<li><strong>Variable Fonts support</strong>: The format allows a single font file to contain multiple stylistic variations.</li>
<li><strong>Multisite support</strong>: The plugin is compatible with WordPress Multisite (Activate the plugin on the site level).</li>
</ul>
<h3>SEAMLESS INTEGRATION</h3>
<p>The font must be available for use across different platforms. Yabe Webfont is famous for seamlessly integrating with the most popular visual/page builders:</p>
<ul>
<li><a href="https://builderius.io/?referral=afdfca82c8" rel="nofollow ugc">Builderius</a></li>
<li><a href="https://wordpress.org/plugins/classic-editor/" rel="ugc">Classic Editor</a></li>
<li><a href="https://be.elementor.com/visit/?bta=209150&brand=elementor" rel="nofollow ugc">Elementor</a></li>
<li><a href="https://generatepress.com/?ref=7954" rel="nofollow ugc">GeneratePress</a></li>
<li><a href="https://wordpress.org/gutenberg" rel="ugc">Gutenberg Blocks and Site Editor</a></li>
<li><a href="https://kadencewp.com" rel="nofollow ugc">Kadence WP</a></li>
<li><a href="https://pinegrow.com/wordpress" rel="nofollow ugc">Pinegrow</a></li>
<li><a href="https://www.wpbeaverbuilder.com/" rel="nofollow ugc">Beaver Builder</a> <strong>[Pro]</strong></li>
<li><a href="https://creativethemes.com/blocksy" rel="nofollow ugc">Blocksy</a> <strong>[Pro]</strong></li>
<li><a href="https://breakdance.com/ref/165/" rel="nofollow ugc">Breakdance</a> <strong>[Pro]</strong></li>
<li><a href="https://bricksbuilder.io/" rel="nofollow ugc">Bricks</a> <strong>[Pro]</strong></li>
<li><a href="https://cwicly.com/?ref=suabahasa" rel="nofollow ugc">Cwicly</a> <strong>[Pro]</strong></li>
<li><a href="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=47622" rel="nofollow ugc">Divi</a> <strong>[Pro]</strong></li>
<li><a href="https://etchwp.com" rel="nofollow ugc">Etch</a> <strong>[Pro]</strong></li>
<li><a href="https://wordpress.org/plugins/slingblocks/" rel="ugc">FunnelKit/SlingBlocks</a> <strong>[Pro]</strong></li>
<li><a href="https://greenshiftwp.com/" rel="nofollow ugc">Greenshift</a> <strong>[Pro]</strong></li>
<li><a href="https://oxygenbuilder.com/" rel="nofollow ugc">Oxygen</a> <strong>[Pro]</strong></li>
<li><a href="https://www.sliderrevolution.com/" rel="nofollow ugc">Slider Revolution</a> <strong>[Pro]</strong></li>
<li><a href="https://wpspectra.com/" rel="nofollow ugc">Spectra</a> <strong>[Pro]</strong></li>
<li><a href="https://yellowpencil.waspthemes.com/" rel="nofollow ugc">YellowPencil</a> <strong>[Pro]</strong></li>
<li><a href="https://zionbuilder.io/" rel="nofollow ugc">Zion Builder</a> <strong>[Pro]</strong></li>
</ul>
<p>Visit <a href="https://webfont.yabe.land" rel="nofollow ugc">our website</a> for more information.</p>
<h4>Love Yabe Webfont?</h4>
<ul>
<li>Purchase the <a href="https://webfont.yabe.land" rel="nofollow ugc">Pro version</a></li>
<li>Join our <a href="https://www.facebook.com/groups/1142662969627943" rel="nofollow ugc">Facebook Group</a></li>
<li>Or rate us on <a href="https://wordpress.org/support/plugin/yabe-webfont/reviews/?filter=5/#new-post" rel="ugc">WordPress</a></li>
</ul>
<h4>Credits</h4>
<ul>
<li>Image by <a href="https://www.flaticon.com/free-icon/windmill_5137991?related_id=5137991" rel="nofollow ugc">Freepik</a> on Flaticon</li>
</ul>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/uMj0x0ucnOw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/A0JZzEVIUzQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>


Yabe Webfont – Use Custom Fonts, Google Fonts or Adobe Fonts


Nice plugin, it does what is describes and the developer is very supportive !!


Excellent job !!

Easy self-host Google Fonts, Adobe Fonts support, or upload custom fonts in WordPress. Integrated into the most popular themes and page builders.

Microthemer Lite – Visual Editor to Customize CSS vs Yabe Webfont – Use Custom Fonts, Google Fonts or Adobe Fonts