US BIKE TRAVEL

Express individual menu item restyling is a benefit of JEZ Rego PRO edition over the free one. With express individual menu item restyling feature, you can create individual styling for any menu item of any menu module anytime anywhere.

In Joomla, you can define either module or menu class suffix to apply individual styling for the whole menu module. Now, with JEZ Rego, you can apply difference styling for any individual menu item without the need of specifying module / menu class suffix.

See the menu module at the left column for express individual menu item restyling demo.

When using Joomla menu module (mod_mainmenu)'s List menu style to display menu item, JEZ Rego will automatically apply an auto-generated class for each menu item. The class is generated from the menu item's title by lowercasing all alphanumeric characters then stripping out all non-alphanumeric characters with white space character replaced with - character.

For example, if the menu item's title is Buy PRO then the auto-generated class attribute for menu item node will be buy-pro. Then creating individual style for it is as simple as seen below:

ul.menu li.buy-pro {
	/* put individual style for menu item's li node here */
}
ul.menu li.buy-pro a,
ul.menu li.buy-pro span.separator {
	/* put individual style for menu item's a or span.separator here */
}
ul.menu li.buy-pro a span,
ul.menu li.buy-pro span.separator span {
	/* put individual style for menu item's text node here */
}