Structural pattern where to include CSS and SVG not native to Webflow.
[Custom]| Class name | Element type | Purpose | Position in the DOM |
|---|---|---|---|
[Custom] |
div | Group all the elements used for custom code. | First direct child of <body> |
[Custom] Global |
embed | Write non-native CSS code that affects all pages in the project. | First direct child of [Custom] |
[Custom] Page |
embed | Write non-native CSS code that affects only the page it’s on. | Second direct child of [Custom] |
[Custom] SVG |
embed | Define the global SVGs of the project with <defs> |
Third direct cihld of [Custom] |
Prev
<aside> ⬅️ Structural classes
</aside>
Next
<aside> ➡️ [Page]
</aside>