Docs index
Getting started- Introducing Microthemer 7
- Install and setup
- Basic workflow
- AI assisted CSS styling
- Who is Microthemer for?
- Troubleshooting
- V6 to V7 (main changes)
The interface- Dark mode and layout options
- Selecting elements
- Styling options
- Draft vs published changes
- Folders
- Load assets on specific pages
- Automatic page speed
- Responsive media queries
- Uninstall, but keep changes
- Preferences
- Site navigator
- History restore points
- HTML and CSS inspection
- Single selector vs full code editor
- Adding custom JavaScript
- Generated CSS
- Keyboard shortcuts
- Development roadmap
How To- Create gradient text
- Blur the background, not the content
- Use Microthemer with Bricks Builder
- Apply CSS shapes and SVG masks
- Copy CodePen HTML/CSS/JS to WordPress
- Style WishList Member Registration Forms
- Use CSS pseudo elements (::before) for tooltips, Font Awesome icons, and speech bubbles
- Reuse styles with custom body classes
- WP container queries using Microthemer
- Gutenberg Responsive CSS using Microthemer
Old videos- CSS grid controls
- Designing ‘broken grid’ layouts
- 3-2 alternating grid columns
- Mobile-first Gutenberg grids
- CSS variables
- Learn flexbox
- Google fonts
- Elementor integration
- Beaver Builder integration
- Oxygen Builder integration
- Fast & scalable Sass compilation
Grid area (all grid items)
Reset the grid-area of all grid items to 'auto'. This is useful for resetting grid positions on mobile.
Themeover CSS Reference
Online CSS References: Grid area (all items)
Online CSS Tutorials: Grid