dtbaker

<p>This is a free plugin for <strong><a href="https://elementor.com/pro/?ref=1164&campaign=readme" rel="nofollow ugc">Elementor Page Builder</a></strong>.</p>
<p>It provides two things:</p>
<ul>
<li>A full site builder using Elementor (design your entire website without a Theme)</li>
<li>Adds extra widgets to Elementor (e.g. Tooltip, Navbar, Mailchimp, Modal Popups, Page Slider, etc..)</li>
</ul>
<p>Watch this introduction video that covers some of the basics:</p>
<p><iframe loading="lazy" title="StylePress Beta Preview: Creating your first site style" width="750" height="422" src="https://www.youtube.com/embed/2I5WLvLarKE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>Design your entire website without a theme. Easily apply a Style to every page of your site automatically using the drag and drop editor.</p>
<h4>How to create a website design without a WordPress theme:</h4>
<ul>
<li>Go to the StylePress > Styles menu.</li>
<li>Click “Create New Style”.</li>
<li>Design your layout using the Easy Elementor Drag & Drop editor.</li>
<li>Add the “Inner Content” widget to the area that will display your content.</li>
<li>Go to StylePress > Settings</li>
<li>Apply your Style to the “Global” area</li>
</ul>
<h4>Tips:</h4>
<ul>
<li>Make sure “Remove Theme CSS” is ticked in StylePress > Settings.</li>
<li>If you find it hard to set global font default, go into Elementor > Settings and tick “Disable Global Colors” and “Disable Global Fonts”. Then install the “Easy Google Fonts” plugin and set all your defaults from Appearance > Typography.</li>
</ul>
<h4>Contributions & Bugs:</h4>
<p>Head over to github: https://github.com/dtbaker/stylepress</p>
<p>Please leave</p>
<p>Copyright @dtbaker</p>
<p>More details on our dedicated website: https://stylepress.org</p>
<p>Check out other work by dtbaker here: https://dtbaker.net</p>


StylePress for Elementor

Use Elementor to design your complete website. Reuse header/footer on all pages. No theme required.

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.

StylePress for Elementor vs Microthemer Lite – Visual Editor to Customize CSS