🎯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