Elementor
Making an Elementor Site Mobile Responsive
Most mobile surprises in Elementor trace back to one mechanic: per-device values inherit downward from desktop to tablet to mobile, not the other way around.
Read article
Tag
CSS
Styling WordPress without fighting the next theme update.
Elementor
Custom CSS in Elementor: Where It Belongs
Elementor offers four places to add custom CSS, each with a different scope and a different lifespan. Picking the wrong one is what makes an override impossible to find six months later.
Read articleElementor
Elementor Global Colors and Fonts
Global Colors and Global Fonts are Elementor's design-system layer: define a style once, reference it everywhere, and change it in one place instead of hunting down every widget individually.
Read articleElementor
Elementor Flexbox Containers Explained
A container replaced the old section-and-column pair with one flexbox-based element that holds widgets or other containers directly. That single change removed a layer of nested markup from every layout built with it.
Read articleElementor
How to Build an Elementor Sticky Header
Sticky is a Pro motion effect applied to a container, not a dedicated header feature. Most of what goes wrong with a sticky header comes from applying it to the wrong element or ignoring what it does to the layout below it.
Read articleWordPress Tutorials
WordPress Block Spacing and Layout
Vertical rhythm in the block editor comes from theme.json, not from each block guessing sensibly. Once you know where the widths and gaps are defined, inconsistent spacing stops being a mystery.
Read articleBlock Themes
WordPress Global Styles in the Site Editor
Global styles are the overrides you make in the Styles panel, saved to the database on top of theme.json. They travel with the site, not the theme, which is exactly why they vanish when you look for them after a theme change.
Read articleBlock Themes
theme.json Explained
theme.json is one file that defines a block theme's entire design system: which controls editors get, and what those controls output as CSS. Fighting it with hand-written CSS usually means losing a specificity battle you didn't know you'd started.
Read articleWeb Design
Bootstrap and Tailwind in WordPress: Which Fights the Editor Less
Both frameworks work in a WordPress theme, and both collide with the block editor in their own way. The deciding question is who writes the markup — you, or the person editing the page.
Read articlePlugins
Bricks and Breakdance: The Newer WordPress Builders Assessed
The newer builders were designed by people who had watched the older ones age badly. They output cleaner markup and demand more of you — and they make exactly the same bargain about who owns your pages.
Read articlePlugins
TablePress: Tables That Survive a Theme Change
TablePress keeps table data out of your post content and in its own store, which is why the tables survive redesigns — and why they are one shortcode away from disappearing.
Read articleWeb Design
Figma to WordPress: How the Handoff Actually Works
There is no honest one-click path from a design file to a maintainable WordPress site. What there is, is a handoff that turns a design into a system — tokens, components and states — which a theme can then implement.
Read article