Previous icon

Next icon

Customising the CSS and images

The appearance of the portal is controlled by HTML and CSS files. By creating override files, you can customise the portal's:

Customising the colour scheme, typefaces and font size

To customise the portal's colour scheme, typefaces and font size:

  1. Open Windows Explorer on the web server.
  2. Go to Inetpub\wwwroot\SynergeticCommunityPortal\Site\Css.

    Community Portal - Custom HTML file location

  3. Create a new text file named site.css.

    Note: The file must be named site.css or the customisations will not appear. All custom CSS must be placed in site.css. Any customisation to the portal.css file is lost during upgrades.

  4. Open site.css using Notepad or WordPad.
  5. Type the CSS you wish to customise.

    Note: You can view the portal's CSS classes in Inetput\wwwroot\SynergeticCommunityPortal\Css\portal.css. Make sure you only make changes within your site.css file, not the portal.css file.

  6. Load the Community Portal in a web browser to test your changes.

Customising the header images

To customise the portal's header images:

  1. Open Windows Explorer on the web server.
  2. Go to Inetpub/wwwroot/SynergeticCommunityPortal/Html.

    Community Portal - Custom Header HTML file location

  3. Open hdr1.html in Notepad or WordPad.
  4. Edit the HTML to display your header images.

    Community Portal - Custom Header HTML file text

  5. Load the Community Portal in a web browser to test your changes.

Last modified: 15/10/2013 4:08:18 PM

See Also

Using CustomHTML

AcrobatDetectHTML configuration setting

StudentContact:ChangedIndicator configuration setting

SchoolAdmin:ChangedIndicator configuration setting

Using Include files

Embedding Crystal Reports in CustomHTML

© 2014 Synergetic Management Systems. Published 11 June 2014.

Top of page