Custom CSS in the Editor
From customizing a block to adding a class in the advanced CSS field, this workshop will guide you through the process of customizing the editor using simple CSS. There will also be a little trip into using the inspector along the way to find the perfect class.
Learning outcomes
- Finding a style using the inspector in Chrome.
- Understanding blocks have CSS.
- Using the advanced CSS input field.
- Basics of CSS: inheritance, flow, breaking flow, colors.
- Showing how to add custom CSS to your theme in Customizer and theme edit
Comprehension questions
- What ways are there to add custom CSS to the editor?
- How can you find what class a block uses?
- What does CSS mean?
Tammie Lister
@karmatosed
I am an experience designer, with a passion for human centred design and hugs.