Brightspot Integrations 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 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 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 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 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.
Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

Asset types
Module types
Page types
Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

Content types
Modules
Landing pages
Everything you need to know when creating, managing, and administering content within Brightspot CMS.

Dashboards
Publishing
Workflows
Admin configurations
A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

Field types
Content modeling
Rich-text elements
Images
A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

Google Analytics
Shopify
Apple News