Index
Speaking of themes ...
This feature allows you to change the look of the platform to a more alternative model by changing the colors of its upper bar, menu bar and background. You can also change the logo, background and top images. The changes made to the theme by wcmadmin will be applied to all new companies created on the platform. To change the theme in a specific company, see Platform ❙ Theme.
The classic theme, applied by default to new installations on the platform, has a traditional design while the liquid theme has a more modern, fluid design.
This screen also allows selecting the skin, which configures the design and the arrangement of platform components.
Change theme
01. Select Control Panel from the main menu, then check WCM container and click the Theme option.
02. Choose the theme by clicking the ON/OFF button next to the theme of your choice.
Themes available for selection:
- classic: platform default theme. Allows customizing colors for the main menu, top and background as well as images for the logo, background, top and favicon.
- snowflake: theme with a modern innovative look. Allows customizing brand colors and logo images.
Classic | Snowflake |
---|---|
Logo image | Logo image |
Background image | |
Top image | Favicon image |
Favicon image | |
Background color | Brand color |
Menu color | |
Top color |
03. Click Apply.
It is necessary to wait a few minutes for the theme change to be complete on all platform pages.
Customize snowflake theme
01. Click
(Manage theme) next to the snowflake option.02. Select the portal brand color from the color palette.
Brand color is used to enhance the profile image, main menu items, icons and buttons on the platform.
03. To define a logo image, click the choose file button.
The recommended height for the logo image is 60 pixels. Larger images will be resized to that size. Supported formats are .jpg and .png.
04. In the Search Explorer, choose the image to be sent.
05. Click Open.
06. To define a favicon image, click the Choose file button.
The supported format for favicon images is .ico and the recommended size is 32 x 32 pixels. Learn more details in Favicon customization.
07. In the Search Explorer, choose the image to be sent.
08. Click Open.
09. Click Save theme.
Changes to the theme will only become effective after the user logs off and logs in again.
Customize classic theme
01. Click
(Manage theme) next to the classic option.02. Select the portal background color in the color palette.
03. Select the portal menu color in the color palette.
04. Select the portal top color in the color palette.
05. To define a background image, click the Choose File button.
06. In the search explorer, choose the image you want to send.
07. Click Open.
08. To define a logo image, press the Choose File button.
The maximum height for the logo image is 60 pixels. Larger images will be resized to that size. Supported formats are .jpg and .png
09. In the search explorer, choose the image you want to send.
10. Click Open.
11. To define a top image, press the Choose File button.
The recommended height for the top image is 60 pixels, and supported formats are .jpg and .png. There is no maximum width size.
12. In the search explorer, choose the image you want to send.
13. Click Open.
14. Choose the top image display method.
Repeat: This is the standard option for new companies. By selecting this option, the top image will be replicated until it covers the entire space available in the top tab.
Expand: By selecting this option, the top image will be enlarged to cover the entire space available in the top tab.
15. To define a favicon image, click the Choose File button.
The supported favicon image format is .ico and the recommended size is 32 x 32 pixels. Learn more details in Customizing favicon.
16. In the search explorer, choose the image you want to send.
17. Click Open.
18. Click Save theme.
Changes to the theme will only become effective after the user logs off and logs in again.
Restore theme
01. Click
(Manage theme) next to the theme of your choice.02. Click Restore Theme.
03. Click Confirm.
The theme will have the images and colors restored to the platform default ones. The restoration will take effect the next time the user logs in.
Apply skin
01. In the Style Guide Skin selection chart, select the appropriate design by clicking the ON/OFF button.
The Style Guide skin defines the design of components shown in the platform, changing the visual pattern, spacing, and font scheme, among others. Skin options: classic and flat.
02. Click Apply.
Changes to the skin will only become effective after the user logs off and logs in again.
Please note!
This documentation is valid from Liquid (1.6.5) update. If you use an earlier version, it may contain information different from what you see in your platform.