Microthemer

Boost your WordPress CSS editing capability

Try Microthemer

Features

Live CSS Editing

Experience instant style edits with Microthemer, whether you use the visual styling options, the code editor, or both. Microthemer's HTML inspector helps you select the right element by displaying the underlying HTML code, making it an ideal tool for real-world projects and advancing your HTML and CSS skills.

Live Edit

Customize Anything Style any part of your WordPress site, from headers to footers. This includes content from Gutenberg or the classic editor, custom posts, hard-coded theme or plugin content, and page builder content. Microthemer integrates seamlessly with your favorite WordPress tools, providing developer-level design control with just a few clicks.

Themes

Automatic Page Speed Microthemer optimizes page speed by organizing CSS styles into folders that load on specific pages or globally. It also delays loading non-critical CSS for "below the fold" content. This makes Microthemer the best choice for maintaining page speed.

Performance Out of the Box

150+ CSS Styling Options Access the largest set of CSS styling options available in any WordPress CSS editor, including modern styles like animations, transitions, transforms, filters, flexbox, and CSS grid, as well as essentials like typography, positioning, spacing, sizing, and backgrounds. Easily switch between style fields and the code editor to speed up your workflow without losing control.

Drag and Drop CSS Grid

Simplified Grid Layouts Microthemer enhances CSS grid by offering an intuitive drag-and-drop interface for defining rows, columns, and grid item placements. Use CSS grid for both overall page layouts and aligning smaller components.

Easy Google Fonts

Streamlined Font Selection Browse Google fonts visually within the Microthemer interface and insert your chosen font with a single click. This simplifies experimenting with different fonts and ensures only necessary font files are loaded for your design.

Responsive Design

Effortless Responsiveness Microthemer simplifies responsive design with customizable breakpoints and tools to preview and adjust your site for different screen sizes. Achieve pixel-perfect layouts on mobile without dealing with cropped text or awkward spacing.

Integrates with Builders

Seamless Integration Microthemer offers "deep" integration with Gutenberg, Elementor, Beaver Builder, and Oxygen, allowing you to style content directly within your page builder. It also provides "shallow" integration with other builders like Breakdance, Bricks, Brizy, Divi, OptimizePress, Thrive Architect, WP Page Builder, and Zion, enabling auto-updates across multiple browser tabs.