The sign-in pages for admins and students can be customized using Acadio's theme settings.
Follow the steps below to add custom images to your sign-in pages or main menu:
- Navigate to the Theme Settings by selecting Settings>Theme from the main menu.
- Select the Images tab.
- Click Select Image under Sign-In Page or Menu Background to upload an image.
Sign-In Page
Your sign-in page design should match the aesthetics of your main website or store and the platform's main navigation menu to give students a seamless experience. Since the same logo is used in both areas, it is ideal to keep the background images and color schemes consistent.
The recommended image dimensions for the sign-in page are 400px wide X 920px high. Designs should also consider the text color of your privacy policy, terms of use, and copyright information as these are provided at the bottom of your user login page.
Menu Background
You can customize the main menu by adding a background image instead of the default color. This feature allows you to better align the platform’s design with your website. However, it's important to proceed with caution when making this change. We recommend using a subtle, low-contrast background image to ensure that all navigation text and icons remain legible. The ideal size for this image should be in a 1:6 ratio, specifically around 300px wide X 1800px high.