Articles Tagged
WordPress Global Styles Reference Tables
Defining Global Styles
Defining Global Settings
Glossary of Terms for theme.json
WordPress Block Themes CSS and Style Settings Guide
Styling Buttons in WordPress Block Themes
A little while back, Ganesh Dahal penned a post here on CSS-Tricks responding to a tweet that asked about adding CSS box shadows on WordPress blocks and elements. There’s a lot of great stuff in there that leverages new features …
Adding Box Shadows to WordPress Blocks and Elements
box-shadow
and outline
properties gained theme.json
support in WordPress 6.1. Let's look at a few examples of how it works in real themes, and what options we have to apply these styles to WordPress blocks and elements. Using The New Constrained Layout In WordPress Block Themes
One of the main goals of the WordPress Site Editor (and, yes, that is now the “official” name) is to move basic block styling from CSS to structured JSON. JSON files are machine-readable, which makes it consumable by …
Managing CSS Styles in a WordPress Block Theme
The way we write CSS for WordPress themes is in the midst of sweeping changes. I recently shared a technique for adding fluid type support in WordPress by way of theme.json
, a new file that WordPress has been pushing …
Adding Fluid Typography Support to WordPress Block Themes
Fluid typography is a fancy way of “describing font properties, such as size or line height, that scale fluidly according to the size of the viewport”. It’s also known by other names, like responsive typography, flexible type, fluid type, …