Microthemer Docs
Microthemer Interface Overview
Change Log
- Microthemer Changelog (7.x)
- 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
- Code
- Styles
- Font
- Font Family
- Google Font Family
- Color
- Font Size
- Line Height
- Font Weight
- Font Style
- Font Variant
- Text Decoration
- Text
- Text Align
- Text Indent
- Text Transform
- Word Spacing
- Letter Spacing
- Word Wrap
- White Space
- Text Direction
- Vertical Align
- Shadow
- Text Shadow X-offset
- Text Shadow Y-offset
- Text Shadow Blur
- Text Shadow Color
- Box Shadow x-offset
- Box Shadow y-offset
- Box Shadow Blur
- Box Shadow Spread
- Box Shadow Color
- Box Shadow Inset
- Background
- Background Color
- Background Image
- Background Position
- Background Repeat
- Background Attachment
- Background Size
- Background Origin
- Background Clip
- Dimensions
- Width
- Min Width
- Max Width
- Height
- Min Height
- Max Height
- Box Sizing
- Padding & Margin
- Padding Top
- Padding Right
- Padding Bottom
- Padding Left
- Margin Top
- Margin Right
- Margin Bottom
- Margin Left
- Border
- Border Top Color
- Border Right Color
- Border Bottom Color
- Border Left Color
- Border Top Width
- Border Right Width
- Border Bottom Width
- Border Left Width
- Border Top Style
- Border Right Style
- Border Bottom Style
- Border Left Style
- Top Left Border Radius
- Top Right Border Radius
- Bottom Right Border Radius
- Bottom Left Border Radius
- Flexbox
- Display (flex)
- Flex Direction
- Flex Wrap
- Justify Content
- Align Items
- Align Content
- Flex Grow
- Flex Shrink
- Flex Basis
- Align Self
- Order
- Grid
- Display (grid)
- Grid auto flow
- Grid column gap
- Grid row gap
- Grid template columns
- Grid template rows
- Grid auto columns
- Grid auto rows
- Justify Items
- Justify Content (grid)
- Align Items (grid)
- Align Content (grid)
- Grid tempate areas
- Add Template area
- Width (all items)
- height (all items)
- Padding (all items)
- Margin (all items)
- Grid area (all items)
- Order (all items)
- Z-index (all items)
- Grid column start
- Grid column end
- Grid row start
- Grid row end
- Justify self
- Align self (grid)
- Grid area
- Order (grid)
- Z-index (grid)
- Position
- Position
- Top (Position)
- Bottom (Position)
- Left (Position)
- Right (Position)
- Z-index
- Float
- Clear
- Transform
- Transform Origin
- Transform Style
- Backface Visibility
- Perspective Origin
- Perspective (property)
- Perspective (function)
- translateX
- translateY
- translateZ
- scaleX
- scaleY
- scaleZ
- rotateX
- rotateY
- rotateZ
- skewX
- skewY
- Animation
- Animation Name
- Animation Duration
- Animation Timing Function
- Animation Delay
- Animation Iteration Count
- Animation Direction
- Animation Fill Mode
- Animation Play State
- Animation Event
- Animation Event Target
- Transition
- Transition Property
- Transition Duration
- Transition Timing Function
- Transition Delay
- Transition Event
- Transition Event Value
- Transition Event Target
- Behaviour
- Display
- Overflow
- Overflow X
- Overflow Y
- Visibility
- Cursor
- Opacity
- Content
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
- Introduction
- How Responsive Web Design Works
- Test Site, Tools, & HTML/CSS Basics
- Prepare For A Fluid Layout
- A Fluid Header
- Fluid Content
- Fluid Images
- A Fluid Footer
- Media Queries
- Fancy Form Styling
- No. 1 CSS Debugging Tip
- Mobile-first vs Desktop-first
- Summary in Pictures
- Further Reading
Educational Notes (Quick Links)
- HTML and CSS Basics
- Floating Elements
- Nested Elements
- Negative Margin & Float Layout
- ‘Float’ Over ‘Position’ Sometimes
- The ‘Position’ Property
- Adaptive Images
- Use Media Queries Sparingly
- CSS Inheritance
- Source Order, Specificity, And !important
- Display (Inline vs Block)
- Pseudo Elements
- Pseudo Classes
