Home
HCL Digital Experience Product DocumentationWelcome to the product documentation for HCL Digital Experience. Find information about how to install, configure, maintain, and use HCL Web Content Manager and HCL Portal Server, Enable, and Extend solutions.
HCL Digital Experience 9.5 [Legacy content]
Digital Experience on non-containerized platformsLearn how to deploy HCL Digital Experience as a non-containerized application and optimize web content and applications to deliver differentiated, personalized experiences for your customers.
Content Template Catalog 4.4The Content Template (CTC) is a set of templates that accelerate the process of building a website.
Assets contained in the Content TemplateThis is a reference guide for the assets that are delivered with the Content Template.
Content Template Catalog themes and stylesThe main styles that are used in Content Template Catalog are used for themes, portlet content, and printed documents. Modify the theme and layout styles to change the layout of Content Template designs. Modify the general content styles and component styles to change the design of individual components.
Override pattern for stylesContent Template Catalog defines most content styles globally. It then overrides the content style for the layout containers first and then for particular component types.

Override pattern for styles | HCL Digital Experience

Content Template Catalog defines most content styles globally. It then overrides the content style for the layout containers first and then for particular component types.

The pattern is used to change the basic properties of the style quickly, like the font family or color, while still allowing for specific formatting in different parts of the page. For example, the itemTitle style displays content titles. The global definition of this style sets up the color, link behavior, font face, and a default font size. When itemTitle is used in the sidebar column, Content Template overrides the style and then overrides it again for particular widgets. For example, in the body on a details page, the itemTitle style is much larger.