To know which label to apply, open
the component’s Style Editor. The label will be shown in the panel that appears.
These labels follow the naming convention
The page slug is the last part of your page’s URL. For example, if you URL is
the slug would be
The component’s instance number is set to
1 by default, then increments for each additional instance of the same component used
on your page.
Example: if you want to apply a background image to the first instance
of a Hero component on your Home page, the label will be
Applying a Background Image to a Sitewide Component
You can apply a background to a 'sitewide' component by adding a label to
your background image with the following naming convention