bbioonThemes
  • Home
  • Blog

Tag: Block Styles

Core Updates, Development, Gutenberg

Block visibility in WordPress 7.0 hides with CSS, not the DOM

WordPress 7.0 can hide a block per viewport, but the block still renders and its assets still download. Notes on the new metadata shape and the server-side check I use to handle both formats.

Read Article
Core Updates, Development, Gutenberg

Custom CSS for individual block instances in WordPress 7.0

WordPress 7.0 lets you write CSS on a single block instance from the inspector. Here is how the hash-based scoped class is generated, where the rule is stored in the block markup, and how to opt a block out in block.json.

Read Article
Design, Development, Front-end

Styling a native select with the Customizable Select API

Chromium made the native select element styleable. This walks through appearance: base-select, the ::picker pseudo-element, sibling-index() for per-option maths, and the anchor positioning that makes a radial picker possible, without giving up keyboard support.

Read Article
Development

Tailwind CSS layouts: keep the grid in your markup

Four reasons I build layouts with Tailwind utilities instead of named CSS classes: the structure stays readable, one-off grids never need a name, and a context change is a class edit rather than a modifier.

Read Article
Core Updates, Development, Gutenberg

WordPress 7.0 pattern editing locks patterns by default

In WordPress 7.0 unsynced patterns open in contentOnly mode by default, so any block without a content role goes uneditable. What to fix in block.json, what the new listView support gives container blocks, and how to switch the whole thing off.

Read Article
Core Updates, Development

Width and height land in WordPress 7.0 block supports

WordPress 7.0 moves width and height into block supports and adds dimensionSizes presets to theme.json. What goes in block.json, and which custom inspector controls you can finally delete.

Read Article
Core Updates, Development, Gutenberg

Why the Twenty Twenty-Seven default theme needs your code

WordPress is looking for volunteers on the Twenty Twenty-Seven default theme, which ships with 7.2 in December 2026. What the work actually involves, why the schedule is tight, and how a core theme differs from any client build.

Read Article
Design, Development, Front-end

CSS corner-shape: bevels and scoops without clip-path

Chromium ships corner-shape, so beveled and scooped corners no longer need clip-path or SVG masks. What each value does, how it pairs with border-radius, and how to ship it behind @supports while Firefox and Safari get plain rounded corners.

Read Article
Design, Development, E-commerce Development

A WordPress website design service instead of a DIY build

Monikka Spruyt left corporate training to start Connect Holistic Health, and handed the site build to WordPress design experts instead of learning the stack herself. Why that trade usually pays off.

Read Article
Core Updates, Development, Gutenberg

Gutenberg 22.7: AI connectors and RTC on by default

Gutenberg 22.7 ships the Connectors API, turns real-time collaboration on by default, adds live previews for style variations, and puts phpMyAdmin in wp-env. Notes on what to test before you ship it.

Read Article

Posts navigation

Previous 1 … 4 5 6 … 20 Next

bbioonThemes

Senior WordPress Engineer
Toptal & Codeable Expert

Connect

  • GitHub
  • Twitter
  • LinkedIn
  • Codeable

Explore

  • Expertise
  • Work
  • Insights
  • Blog

Resources

  • bbioonThemes
  • Contact
  • Privacy Policy
© 2026 bbioonThemes. All rights reserved.
Privacy