Primary administrators have access to the theme editor from the admin menu. Here you can add or edit web and mobile logos and the background image for your login page, as well as set your theme colors. You will need to submit 3 images with your New Client Setup Form. The specs are below.
Header Logo Image: This is the main logo that is applied to every page in your community. It is seen in the top left of each page when viewed on desktop and some tablets.
Specifications
Shape: Rectangular
Orientation: Landscape orientation
File format: png (So transparency can be present)
Aspect ratio: 250:87 (minimum resolution: 256 X 30)
Header Mobile Logo: When users are viewing community pages from a mobile or tablet device, the square mobile logo is shown instead of the header logo image. This logo generally fits in 2-3 letters or a square or round symbol or logo representing your organization.
Specifications
Shape: Square
File format: png (So transparency can be present)
Aspect ratio: 1:1 (minimum resolution: 48 X 48)
Login Background Image: This is the background image on your community landing page. If there are faces, it is best if they are on the right side, as the login page content will be overlaid on the left.
Specifications
Shape: Rectangular
Orientation: landscape orientation
File format: png or jpg
Resolution: 1280x720 pixels and above
Each customizable element is listed within the left hand panel, with a real time preview of your home page to the right; so you can see what your changes look like when applied to your community. For the assignment of colors to certain objects, labels, and design elements; we use the 6 digit 'hexadecimal' code system. You can click on the color rectangle to display a rainbow array to choose your color code by eye, or simply type in the 6 digit corresponding color code. If you only know the RGB code, this can be converted easily using a Google search.
Once you are satisfied with any design updates, be sure to hit the "Save and Publish" button. Updates in the theme editor take immediate effect once saved.
As we build our new theme editor for Monarch, there are some anomalies with the theme editor. The current status as of Summer 2022 for each element is described below. Please email support@360Alumni.com for help modifying your theme.
*Note: you can not currently modify the color of the footer. This will be customizable with Monarch.