Standout blocks can be customized by configuring standout block classes in the Design Options settings. The settings defined by standout block classes are applied to Standout blocks using the Standout block's Design: dropdown.
Note: The Design: dropdown will not display when configuring a Standout block unless there is at least one standout block class defined.
Only System Administrators and Graphic Designers have access to the Design Options settings.
Select Design Options from the Settings dropdown (Graphic Designer view shown).
The Design Options view displays.
In the Universal CSS field, edit the CSS that needs to be changed or enter additional CSS.
In this example, the Case Study CSS has been edited to add a border to images. The third line of code was changed from .case-study img { border: none; } to .case-study img { border: 5px solid #711; }.
Click Submit to save the changes.
The Design: dropdown will display when configuring a Standout block if there is a standout block class defined in Design Options
To see customized Standout block examples, refer to Do you have any Standout block and Design Options examples?.
To learn more about the Standout block, check out How do I use the Standout block?.