e-Skool Help

How to Customize the Appearance of the School Website



In order to customize the website appearance, you have to be signed-in as a School Administrator.

  1. Sign-in to your school website.
  2. Click on the Admin Dashboard menu item.
  3. Under Website Settings, click on  Appearance Settings.

The following sections describe the different attributes that can be modified on the Appearance Settings page.

Appearance Theme

e-Skool comes with pre-defined appearance themes that you can use to quickly change the appearance of your school’s website.  Just select any of the available themes, then refine the selected colors and background images to suite your taste.

 Website Background

  • Website Background Color:  Color of the website background.  It will be visible if no background image is chosen for the website.  In addition, if the website has a background image, the website background color will be shown while this image is being downloaded from the internet. 
  • Image Repeat Direction:  You can choose whether you want the website background image to be repeated horizontally and/or vertically to fill the browser display area.
  • Body Background Color:  Color of the website body background.  It will be visible if no background image is chosen for the body area.  In addition, if website body area has a background image, the body background color will be shown while this image is being downloaded from the internet.
  • Font Color:  Font color of today’s date, signed-in user name, and language selection at the top of the website’s page, as well as the school address at the bottom of the website’s page.
  • Border Color & Size:  Color and size of the border surrounding the website body area.  If the size is 0, the border will not be shown.

Website Header

  • Primary Name:  School name that will appear on the left hand-side of the header.
  • Primary Sub-Name:  School slogan or text that will appear under the Primary Name.
  • Secondary Name:  School name, usually in a different language, which will appear on the right hand-side of the header.
  • Secondary Sub-Name:  School slogan or text that will appear under the Secondary Name.
  • Background Color:  Color of the header background.  It will be visible if no background image is chosen for the website header.  In addition, if the header area has an image, the background color will be shown while this image is being downloaded from the internet.
  • Border Color & Size:  Color and size of the border surrounding the website header area.  If the size is 0, the border will not be shown.
  • School Logo:  Specifies where the logo should be shown in the header area: left, middle, or right section.  If hide is chosen, the logo will not be shown.

Main Menu

The following attributes can be customized for the Main menu:

  • Static Colors:  The inactive menu item background and font colors.
  • Hover Colors:  The menu item background and font colors when the mouse hovers on the menu item.
  • Background Color:  The background color of the Main menu.

The Main menu is divided into 5 sub-menus:

  • About Menu: contains the general information about the school.
  • News Menu: contains the News, Newsletters, Announcements, and Academic Calendar.
  • Academic Menu:  contains academic related information.
  • Others Menu:  contains the Useful Links, My Profile, and Staff E-mail links.
  • Admin Menu:  contains a link to the Control Panel.

 

Calendar

The following attributes about the Calendar area on the website home page can be customized:

  • Header Background Color
  • Header Font Color
  • Body Background Color
  • Body Font Color

Comments are closed.