Brightspot CMS User 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

  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
Importing Apple News stylesheets
Next Topic
Configuring an Apple News stylesheet component style
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