Brightspot CMS User Guide

Configuring an Apple News stylesheet component style


When you configure an Apple News stylesheet manually, you can define the layout and style for each article component.

To configure an Apple News stylesheet component style:

  1. Click menu > Admin > Apple News > Stylesheets.
  2. In the Create widget, click Create New Stylesheet. A content edit page appears.
  3. Follow steps 3–5 in Configuring an Apple News stylesheet.
  4. In the Component Styles field, click add_circle_outline to add components that are rendered by the stylesheet.

    Apple News stylesheet component edit form.png

  5. In the Component Type list, select the content type for which you want to define a component style.
  6. In the Component Layout field, click search and search for an existing component layout, or create a new one. This field defines properties for columns, width, gutter, and margin. For more information, see Apple News's Layout Properties.

    Apple News stylesheet component layout.png

  7. In the Component Style field, click search and search for an existing component style, or create a new one. This field defines style properties for components, including background color, border, and opacity. For more information, see Apple News's ComponentStyle Properties.

    Apple News stylesheet component style.png

  8. In the Component Text Style field, click search and search for an existing component text style, or create a new one. This field defines the style for a text component, including font, spacing, and alignment. For more information, see Apple News's ComponentTextStyle Properties.

    Apple News stylesheet component text style.png

  9. Click Save.
Previous Topic
Configuring an Apple News stylesheet
Next Topic
Configuring after-save events in Apple News
Was this topic helpful?
Thanks for your feedback.
The elements that get you up and running in a matter of days, from pre-built content types, to modules, to landing pages.

Content types
Modules
Landing pages
Everything you need to manage and administer content within Brightspot CMS, including plug-and-play integrations.

Dashboards
Authoring content
Workflows
Admin configurations
A guide for installing, supporting and administering code on the Brightspot platform, including integrations requiring developer support to use.

Field types
Content modeling
Rich-text elements
Images