🎯

Deprecated: Targeting Certain Elements

You can target specific pages, components and other elements in various ways using the helper classes that get automatically added to them.
Use Cases
Styling an individual component or page
Styling several similar components/pages in the same way (using tags)
Hiding or moving Global Components depending on what page the user is on
How to Target Pages
Targeting Pages by Key
A page with the key my_key has the class .page-key-my_key
Targeting Pages by Tag
A page with the tag my_tag has the class .page-tag-my_tag
How to Target Components
Targeting Components by Key
A component with the key my_key has the class .component-key-my_key
Targeting Components by Tag
A component with the tag my_tag has the class .component-tag-my_tag
How to Target Elements by which Page they're inside
This applies to the following elements:
Title
Subtitle
Heading Label
Components Container
Individual Components
Global Components Container
Individual Global Components
Repeatable Component Containers
Footers
Targeting Elements by Page Key
An element inside a page that has the key my_key has the class .in-page-key-my_key
Targeting Elements by Page Tag
An element inside a page that has the tag my_tag has the class .in-page-tag-my_tag

Deprecated: Creating and Testing Stripe Integration

Deprecated: Guide to the Editor Sidebar

Last modified 9mo ago