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.

   

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.

   

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.

   

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.

   

9. Click Save.