Customizing style sheets for web and mobile apps
Updated in 2022.1
When you want to customize the appearance of Announcements
For this reason, you must precede each your custom style definition with a special parent selector specified for the style sheet (e.g.
#announcement for the Announcement style sheet). This parent selector ensures that your style definition applies only to the user content, not to the entire web page. All default style sheets contain those parent selectors.
See the parent selectors for different objects:
For Knowledge Base Articles:
For Service Catalog Items:
For Preview Pane:
To customize the style of a web page element (paragraph, heading, list, etc.) for a specific object class, add the element's tag after the corresponding parent selector. For example, this is how to set the style for Announcement paragraphs:
Similarly, you can specify the style for other elements: headings, lists, tables, etc.