Customizing Style Sheets for Portals
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 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, here is how you can set the font for Announcement paragraphs (p):
font-family: Arial, Tahoma, Helvetica;
Similarly, you can specify the style for other elements: headings, lists, tables, etc.