Applying detailed CSS styling of your views
By default, the Component Presentation and Pages rendered for SDL Digital Experience Accelerator get their styling from the Bootstrap HTML and CSS classes used in the associated view. To apply specific styling to a Page view or Entity view, without updating its source code, specify CSS classes to apply to the root HTML element of that view. For Page view, you can specify classes in the Page Template metadata, and for the Entity view, you do it in the Component Template metadata.
Procedure
- In Content Manager Explorer, open a Page Template that Editors can select or a Component Template used to add elements into a Region.
- In the General tab, under HTML class(es), enter a list of one or more CSS class names (separated by spaces) that you want CSS to apply to the root HTML element of your Page view or Entity view (in addition to classes predefined for the view).
- Click Save and Close.