Microthemer Docs

Microthemer Interface Overview

• Toolbars Overview
• All Styling Options
• Folders & Selectors
• The Selector Highlighter

Change Log

• Microthemer Changelog (6.x)
• Microthemer Changelog (5.x)
• Microthemer Changelog (4.x)
• Microthemer Changelog (3.x)
• Microthemer Changelog (2.x)
• Microthemer Changelog (1.x)

CSS Styling Reference

Microthemer Tutorials

Basics

• Quick Start Microthemer Video Tutorial
• Installing, Unlocking, And Upgrading Microthemer
• Customizing Your WordPress Site – Applying New Styles
• Design Packs: Skins & Scaffolds
• Installing, Importing, and Exporting a Design Pack
• View The CSS Code Microthemer Generates
• Microthemer Undo – Restoring Previous Settings
• Beginners Guide To Understanding CSS Specificity
• Slow ‘Styles’ Tab Warning

How to…

• Upload And Insert A Background Image
• Redesign A Button Using Microthemer
• Add Google Fonts To Your WordPress Site
• Replace An Existing HTML Image (e.g. A Logo) With A Background Image
• Make CSS3 Styles Work In Old Versions Of Internet Explorer
• Learn Flexbox in Under 15 minutes
  Microthemer & Flexbox Video
• How to add custom JavaScript via Microthemer
• Alternating columns (3-2) using CSS grid and nth-child formulas

Learning HTML & CSS

CSS Layout & Responsive Design

1. Introduction
2. How Responsive Web Design Works
3. Test Site, Tools, & HTML/CSS Basics
4. Prepare For A Fluid Layout
5. A Fluid Header
6. Fluid Content
7. Fluid Images
8. A Fluid Footer
9. Media Queries
10. Fancy Form Styling
11. No. 1 CSS Debugging Tip
12. Mobile-first vs Desktop-first
13. Summary in Pictures
14. Further Reading

Educational Notes (Quick Links)