TYPOlight Open Source CMS > Understand > User's guide > Managing pages > How to manage style sheets in TYPOlight

How to manage style sheets in TYPOlight

Accessible websites should always be styled using CSS, that is why TYPOlight includes a style sheets module which allows you to manage format definitions in the back end. To reference the various TYPOlight elements, you need to know their class names. Content element classes start with ce_ (e.g. ce_text) and module classes with mod_ (e.g. mod_search). If you are not sure, simply look into the page source.

Managing style sheets in TYPOlight

Every style sheet can be limited to one or more media types and/or to a particular Internet Explorer version, in case you need to fix one of its numerous bugs. Pay attention to the order of the format definitions, because later commands override earlier ones.

/* Set the general value first */
.mod_search {
    margin:24px;
}

/* Then override it for IE7 */
*:first-child+html .mod_search {
    margin:18px;
}

If the order was reversed, the general value would override the IE-specific margin.

Add a comment

Comment by Roman | 01/11/2009

Hi, for filter IE 7 you can just simple use *+html hack