Add to Color Palette - click this link (4) to add the new complementary colors to a palette available under COLORS; you'll get a confirmation that they've been added (5), though you may need to first delete some Colors to provide room to add logo colors

Header

In the Header section you're given two options for header and navigation layout: a compact header layout (1) where the logo is beside your Global Navigation, or a larger layout (2) where the logo is above the Global navigation. Once you've chosen the type of layout you can also specify the height of the header (3).

If your logo is on a solid background, the header background should be set to that solid color in the Color section. However, if your logo is on a transparent background, you can use any color, or an image to display behind it, by clicking CHOOSE IMAGE (4).

Site Width

In this section you can set the intranet to a fixed pixel width, which will take on the size of your browser window. Our recommendation is to use the fixed width option as a best practice in designing your site, to avoid potential design challenges.

Site Background

In the Site Background section, choose a color or image to display at the sides of your site when the fixed width size isn't large enough to fill a screen.

Click in the color box to display a small color selection window, with color picker, hex code, RGB, all colors in the Color Palette, and a grey/white box for a transparent option (for select fields). If you prefer to include some visuals, click the CHOOSE IMAGE button to upload a prepared image to use for the site background.

Colors

The Color Palette on the right can be pulled from your logo colors, using the option in the Logo section under Theme. You can add more colors of your choosing by clicking the blue plus sign, and either adding by hex code, RGB, or the color picker; mouse away from the small color window to show the new color in the palette. To remove a color, mouse over the color to reveal a red X; click the X to remove the color, then click SAVE at the top of the window to retain your changes.

There are several options for setting site colors, with their locations indicated by the arrows, above; the header color also changes the global navigation mouseover and megamenu color. For each of the colors, when you click the box, the small color window will appear, as described above in Site Background.

As you choose an option, it will immediately show in the theme preview. If you don't want to retain your choice, either set it back to the original color, or click DISCARD to exit without saving changes.

The personal profile shows options on hover, including direct links to My Profile and My Dashboard, plus the option to Logout. You can also update personal status directly in this window.

Admin

On hover, the Admin icon gives context-specific options depending whether you're on a Page, App, Site, etc. For example, if you're on a Page within a Site, you'll have settings and edit links for both the page and the site.

When clicked the Admin icon takes you to the Admin area with tabs for extensive control of many intranet functions, as follows: