Brightspot Integrations Guide

Configuring an Apple News stylesheet


You can configure Apple News stylesheets manually if needed. This must be done if you cannot import JSON files to generate a stylesheet automatically.

  1. Click menu > Admin > Apple News > Stylesheets.
  2. In the Create widget, click Create New Stylesheet. A content edit page appears.
  3. In the Internal Name field, enter a name for the stylesheet. This name is used in certain widgets and in internal search.
  4. In the Layout field, enter the following values, which Apple News applies to articles styled with this stylesheet:
    1. Columns—Number of columns.
    2. Width—Width of page.
    3. Gutter—Number of pixels making up the gutter.
    4. Margin—Number of pixels making up the margin on the page.
  5. In the Layout Ordering field, determine the order of the fields that will render on the Apple News front end. For more information, see Planning the Layout for your Article.
  6. In the Component Styles field, click add_circle_outline to add components that are governed by the styles configured in the stylesheet. For more information, see Configuring an Apple News stylesheet component style.

    Apple News configuring a stylesheet manually.png Apple News configuring a stylesheet manually.png

  7. Click Save.
Note
You may optionally click the Advanced tab at the top of the content edit page to do the following:
  • Select a style for the description heading. This value defaults to H3.
  • Set a transparent toolbar hat that is overlaid the top of the Apple News article.

Previous Topic
Promoting articles within an Apple News Section
Next Topic
Configuring an Apple News stylesheet component style
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