Builder Basics: Adding Custom CSS to Block Themes

Continue the discussion

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Published

February 8, 2023

One major benefit of block themes is that they can be built with very little CSS. For example, the Twenty Twenty-Three theme has none. All block styles are defined in a theme.json file. While theme.json is getting more powerful with each WordPress release, you will likely need to add some custom CSS in most projects.

This Online Workshop will explore ways to add custom CSS to a block theme while ensuring those styles work correctly in the Editor and on the site’s front end. If time permits, we will also discuss a Sass workflow you can employ to optimize per-block styles.

Rate this:

Speakers

Nick Diego 22

Language

English 9744

Download
MP4: Low, Original
Subtitles
Subtitle this video →
Producer
%d bloggers like this: