Overview

The Parent Portal Design page gives you the ability to customize the design of the parent portal so it matches the branding of your school. Watch the short video overview or read on below for more information!


How-To: Use the Parent Portal Design Page

On this page, you have access to the following options:

  • Background Color: Sets the color of the page background, which displays along either side of the page and along the bottom of the log-in screen. Enter the color as an HTML color code.
  • Dark Accent Color: Sets the color of section and subsection headers on any online forms, as well as the line underneath your school logo in the Parent Portal. Enter the color as an HTML color code.
  • Light Accent Color: Currently retired feature.
  • Border Accent Color: Currently retired feature.
  • Custom CSS: If you want to use CSS to further customize the look and feel of the Parent Portal, input your custom CSS into this box. Please test any changes by visiting the Parent Portal. If you see something unexpected happening, remove any recent custom CSS. To return your portal to the default state, remove all custom CSS.
  • Logo: Allows you to upload a school logo, which will display at the top of the page for all areas of the Parent Portal. See below for recommended logo dimensions.
  • Logo Alignment: Sets the alignment of your logo (i.e. left-, center-, or right-aligned) if it is not a full-length banner.
  • Top/Bottom Logo Padding: When set to 'Yes', this option will add a 20px padding to the top and bottom of your school logo.

Remember to click Save after making any changes!


For Full-Width Banners:

  • 1440px wide
  • Max. 250px high  
  • If you use a full size 1440px banner, the logo will automatically scale to narrower widths (such 1200px wide or 1024px wide)
  • File size should be 250kb or less
  • Can be JPG or PNG (PNG recommended for logos)
  • Disable Top/Bottom Padding


For School Logo / Not Full-Width Images:

  • Max. 250px high  
  • File size should be 250kb or less
  • Can be JPG or PNG (PNG recommended for logos)
  • Set the alignment to left, center, or right
  • Depending on the image, you may need to enable padding to give the logo space between the top of the page and the content below the logo

Did this answer your question?