CSS styles used by the sample web content template items | HCL Digital Experience
The markup that is generated by the sample web content template items is primarily controlled by presentation templates that are stored in the Web Content Templates 3.0 library. These templates rely on the availability of several CSS class definitions in the wp_oob_sample_styles theme module.
Any pages that render the sample items must use a theme profile that includes the wp_oob_sample_styles
theme module or another module that contains
the same CSS class definitions. An example of such a theme profile is the full theme profile
that is installed by default.
The wp_oob_sample_styles
theme module includes a single CSS file that is
named oob_samples.css. This stylesheet is loaded from the path
common_resources_root/ibm/css/samples. The
common_resources_root node is specified in the WebSphere® Integrated Solutions Console by the resources.commonResourcesRootURI property of the WP
GlobalThemeConfig resource environment provider. The default value for this property is
dav:fs-type1/common-resources. This value causes the CSS styles to be
loaded from the portal file store with the following path:
/common-resources/ibm/css/samples/oob_samples.css. For more information
about setting the common_resources_root node, see Adapting the list
of required runtime configuration changes for your theme.
Rich Text
presentation template that is used as the default presentation for Rich Text content items
uses CSS styles that render differently depending on the layout container that contains the
Rich Text web content viewer. Different classification CSS classes are assigned to these
layout containers. As a result, the font sizes of headings and body elements are reduced when
a rich text item is moved from the center column into a more narrow side column.