Manually Modified Stylesheet Handling

By default, it is not required to manually call a stylesheet within a menu item template. The default stylesheet (see Manage CSS / Stylesheet List) is automatically included by the system as long as your menu item template provides a  <head></head> tag.

As you usually will import all other stylesheets you need (in case you have decided to split stylesheets in order to keep a better overview or in case you are working with a CSS framework) into the default stylesheet (something like @import "ID_usr_style.css";), all relevant stylesheets will be available via the automatic inclusion of the default stylesheet.

However, maybe you need to exclude some CSS for some menu items, or you need to include a CSS for some menu items, and for others, it must not be available.

In this case, you can manually modify the automatic inclusion of styles by writing into <head></head> the following code syntax:

<cmmi_handle_css>
     <cmmi_handle_css_definition menuitem="12" css="-3"></cmmi_handle_css_definition>
     <cmmi_handle_css_definition menuitem="22,23" css="+2,+4"></cmmi_handle_css_definition>
     <cmmi_handle_css_definition menuitem="33,34,35" css="+17,-2"></cmmi_handle_css_definition>
</cmmi_handle_css>

This code modifies the stylesheet inclusion that would result from the default stylesheet. You can exclude (take away) or include (add) CSS.  Th etag can appear multiple times, and can have multiple definitions. The syntax for the definitions is as follows:

 

Parameter

Description

Remarks, Options
menuitem="" ID of menu item/s you want to apply the CSS exception; you find the menu item ID in the menu item list (see  Menu Item List) one or more IDs, separated by comma (1,23,45)
css="" +ID or -ID of the stylesheet/s you want to add or to take away; you find the CSS ID in the stylesheet list (see Manage CSS / Stylesheet List) -1 excludes the CSS with the ID 1, +1 adds the CSS with the ID 1; you can exclude and include CSS in one definition at the same time (-3,+5,-7)

 

Your settings modify the automatic style handling. That means that you do not need to exclude styles that are not imported into the default stylesheet, and you do not need to add stylesheets that are imported into the default stylesheet anyway.