Links
🎯

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