Chapter 10. CSS Styling

This section describes some of the possible configuration that can be performed to change the 'look and feel' of the front end of the site. It is not the purpose of this document to describe all of the possible CSS configuration options that can be used, but instead to describe a few of the more commonly used options.

[Note]Note

It is beyond the scope of this document to go into the details of CSS styling as there are a number of resources available on the web providing details.

It is possible to change the CSS styling used on your site by using a media override. When installed the CSS stylesheets for the Rialto Component are installed in the 'media/com_rialto' directory. The site administrator can create a site override by creating a directory named media/com_rialto under the site template directory. One then copies the folders and files that it is desired to override in this location. Then almost like magic, Rialto will now load which ever files are under the template instead of that contained in the media directory under the site's root directory.

The name of the CSS style sheet file used in the front end of your site is named 'rialto.css'.

The use of 'html' boxes defined in the component configuration options also permits some customisation of how the entries are presented on the front end of the site.

Back End styling

The styling sheet for the back end is named 'administrator.css'. It contains all of the colour coding, and table style specific to the administrator forms. Where a class is not specified within this file, the details of the style are obtained from the site administration template (default Isis).

Go To Top

Joomla! Debug Console

Session

Profile Information

Memory Usage

Database Queries