Support and Documentation

Reusing module styles with style groups

Some content types, such as pages, sections, and tags, use modules to lay out and format text. You can use style groups to predefine settings and styles associated with a theme's modules. For example, you can predefine a module's text or background color, guaranteeing a consistent appearance across multiple assets in a site.

Configuring a style group
Procedure. To configure a style group:
  1. From the Navigation Menu, expand Admin, and select Sites & Settings.

  2. In the Sites widget, select the site for which you want to configure module's style, or select Global to configure a module's style for all sites.

  3. If necessary, apply a theme to the site. Under Main, under Theme, select a shared or one-off theme.

  4. Under CMS, expand Style Groups.

  5. Under Curated Style Groups, click |mi-add_circle_outline|. A form appears.

  6. In the Display Name field, enter a name for this style group. This name appears in an asset's Contents list.

  7. Under Styles, click |mi-add_circle_outline|. A list of modules appears.

  8. Select the module you want to configure. You return to the Edit Site widget with a form for the selected module.

  9. (Optional) Using the following resources, configure the module's contents. (Your version of Brightspot may have different modules.)

  10. Toward the right of the widget, select |mi-more_horiz| > Styles. A widget appears.

  11. Fill out the fields as required.

  12. Repeat steps 7–11 to add additional module styles to the style group.

  13. Click Save.

Applying a module style

You can apply a module's style to one of the following content types: homepage, package, page, section, and tag.

Procedure. To apply a module style:
  1. Search for or create an asset from one of the following content types: homepage, package, page, section, or tag.

  2. Under Main, under Contents, click |mi-add_circle_outline|. The Add widget appears.

  3. Select one of the custom style groups.

    curated-style-group-in-add-widget.svg
  4. Complete your site's workflow and publish the asset.