Below is the example of a Quick Style code and how it would look when applied to a paragraph:
{"entity":{"id":"1691009435889","classes":["text-center","cp-txt-dp-accent","dp-border-dir-left","dp-border-style-dashed","cp-out-warning","cp-bg-mid","dp-shadow-b1","dp-padding-direction-all"],"styles":["border-width: 5px","padding: 10px"],"context":["Paragraph","p"],"name":"Partly Cloudy Skies Notice"}}
This is the Partly Cloudy Skies Notice paragraph style. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Please consider the following when choosing to use the Quick Style Manager:
- You can only edit, delete, rename, or convert to global for styles you created (user level). You cannot use the Sidebar to change styles that are saved in a [Quick Styles] page; you would need to make changes in the [Quick Styles] page to update them.
- Some of the styles operate with CSS classes that are maintained by Cidi Labs. Other styles are inline styles that will apply to a single element and can only be accessed by someone editing the page.
- Inline styles trump CSS classes in scope, so they will replace any conflicting styles.
- The standard DesignPLUS Primary Customizations course comes with several saved styles indicated with a (p) prefix. If you do not want these at your institution, you can delete them from the [Quick Styles] page in the customizations course.
The legacy Sidebar had limited options for saved styles using the Customize the Style > Box Styles tool. First, the styles could only be used by the user that created them; the styles could not be shared. Second, all styles were global and could be applied to any element; the styles could not be element-specific. Third, the style options were limited to alignment, padding, border width, color, border radius, and shadows. Finally, saved styles could not be deleted.