The Webflow Designer’s Style Panel allows you to customize how elements look on your site, as well as how they respond to interaction. Here you can create a class, which lets you not only style elements, but also, reuse styles throughout the project.
You can access the Style Panel by clicking the paintbrush icon at the top right of the Designer, or by using the shortcut S on your keyboard.
We’ll cover three things in this introductory video:
1. The selector section
2. The style sections (layout, typography, background, border, shadows, transitions and transforms, effects)
3. What the blue and orange indicators mean
Get started with Webflow: