Express Individual Module Styling

Written by JoomlaEZ admin. Published on Wednesday, 10 June 2009 09:11 Last updated on Wednesday, 10 June 2009 15:56

Express individual module styling is a benefit of JEZ Thema PRO edition over the free one. With express individual module styling feature, you can create individual styling for any module at any position anytime anywhere without the need of defining a module class suffix for the module requiring own style.

See modules at the right column for express individual module styling demo.

When using JEZ Thema's advanced module chromes, each module will be automatically applied an additional class generated from its title by lowercasing all alphanumeric characters then stripping out all non-alphanumeric characters with white space character replaced with - character.

For example, if the module title is Act Now! Only Few Days Left then the additional auto-generated class attribute for that module will be act-now-only-few-days-left. If the module is rendered using JEZ Thema's jezRounded1Img then creating individual style for it is as simple as defining style for following CSS selectors:

.jezRounded1Img.act-now-only-few-days-left .inner,
.jezRounded1Img.act-now-only-few-days-left .t,
.jezRounded1Img.act-now-only-few-days-left .b,
.jezRounded1Img.act-now-only-few-days-left .b div {
	/* put individual rounded corner background image here */
}
.jezRounded1Img.act-now-only-few-days-left h3 {
	/* put individual style for module here */
}