Creating and using style helpers

Creating and using style helpers

Creating style helpers from your styles

You can save styles you have created as Style helpers. This is helpful if you want to save the configuration of a style and apply it to a different style at a later point.

To save a Style helper from a Base style or Custom style:

1. Navigate to Site Studio > Styles > Base styles (or) Custom styles > Click Edit next to an existing style
2. At the top of the Style editor click on the List icon button
3. At the bottom of the menu and click Save as style helper
4. In the modal, enter a name in the Title field and select a category in the drop-down for the Style helper
5. Click Ok.

Saving a style as a style helper from a layout canvas element

You can save Style helpers from styles created within the Styles tab on the Layout canvas elements. This provides a quick way of copying styles within your elements and applying them to a Custom style to be used globally.

To save a Style helper from within a Layout builder element:

1. Navigate to the element on your Layout canvas which includes the styles
2. Double click the element to edit its settings
3. Click on the Styles tab
4. At the top of the Style editor click on the List icon button
5. At the bottom of the menu and click Save as style helper
6. In the modal, enter a name in the Title field and select a category in the drop-down for the Style helper
7. Click Ok.

The Style helper will be created and available to use within Base styles and Custom styles.

Creating style helpers from your styles

You can save styles you have created as Style helpers. This is helpful if you want to save the configuration of a style and apply it to a different style at a later point.

To save a Style helper from a Base style or Custom style:

1. Navigate to Site Studio > Styles > Base styles (or) Custom styles > Click Edit next to an existing style
2. At the top of the Style editor click on the List icon button
3. At the bottom of the menu and click Save as style helper
4. In the modal, enter a name in the Title field and select a category in the drop-down for the Style helper
5. Click Ok.

Saving a style as a style helper from a layout canvas element

You can save Style helpers from styles created within the Styles tab on the Layout canvas elements. This provides a quick way of copying styles within your elements and applying them to a Custom style to be used globally.

To save a Style helper from within a Layout builder element:

1. Navigate to the element on your Layout canvas which includes the styles
2. Double click the element to edit its settings
3. Click on the Styles tab
4. At the top of the Style editor click on the List icon button
5. At the bottom of the menu and click Save as style helper
6. In the modal, enter a name in the Title field and select a category in the drop-down for the Style helper
7. Click Ok.

The Style helper will be created and available to use within Base styles and Custom styles.