Docs / Editor Basics
Custom CSS on any element
A raw CSS escape hatch, on the Advanced tab of every widget.
Select any element, open its Advanced tab, and use the Custom CSS field to write plain CSS. Use the word selector wherever you'd normally write the element's class — Craftor swaps it for the element's real, generated class name automatically.
Example: selector { transform: rotate(-2deg); } selector:hover { transform: rotate(0deg); }
This is scoped to the one element you're editing — it won't leak out and affect anything else on the page.
For simple hover effects on Background, Text Color, Border, or Box Shadow, the built-in Normal/Hover switch on the Style tab is usually quicker than writing :hover here — see "Styling hover states." Reach for Custom CSS for anything that control doesn't cover.