Designers and art directors can use the Instant Articles “styles” capabilities to set one or more templates for your feeds. To create or modify the styles used for typographic elements that appear in your articles, use the Style Editor found on the Instant Articles Configuration page.
To get a sense of the design possibilities with our new style editor you can refer to our “Using Your Style Editor” example article. Learn how to access our example articles.
To find the Style Editor, go to Publishing Tools on your Page, then choose Configuration under Instant Articles from the left navigation menu.
“Default” is the basic style applied to articles that appear in your feed. Edit the default style by clicking on its name. This opens an overlay with options to customize individual elements in your articles.
To customize a style element:
Apart from the default style, you can also create additional styles for your articles.
To apply a new style to articles in your feed, specify the style name in the article markup. By default, the style attribute content
will be the Default style:
<meta property="fb:article_style" content="default">
To apply a different style, change the content
attribute to match the preferred style name. Include any spaces if necessary, but upper or lowercase text doesn’t matter:
<meta property="fb:article_style" content="yourstyle">
Article styles can be specified on a per-article basis, if you want to apply multiple styles to your catalog.