Docs index
MicrothemerAmenderGetting started- Introducing Amender
- Introducing Microthemer 7
- Install and setup
- Basic workflow
- AI assisted CSS styling
- Who is Microthemer for?
- Troubleshooting
- V6 to V7 (main changes)
- Amender interface tour
- Amender performance
- Customize Bricks Shortcodes
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
Customize Bricks Shortcodes
Amender and Microthemer are very useful for customizing 3rd party plugins that integrate with Bricks Builder via shortcodes. This video gives an example of customizing WooCommerce cart text, HTML, and styling so you can make customzations that would not be possible using Bricks alone. The AI assistant can do the heavy lifting for you too.