Understanding the Appearance Editor

Understand the different components of the Appearance Editor

Vishwas Prasad avatar
Written by Vishwas Prasad
Updated over a week ago

The Appearance Editor is where you control the look and feel of your EngagementHQ site, including styles, your homepage, and images on your site. The Appearance Editor replaced the Homepage Editor in June 2022.

There are four components to the Appearance Editor:

Global Styles

You can use the Global Styles section of the Appearance Editor to incorporate your organization's branding in your EngagementHQ site. In this area, you can change the following:

  • The Brand Color used on elements throughout your site

  • The font family and sizes used throughout your site

  • The shadow and corner styles used on project cards and other content containers

Learn more about Global Styles.

Home Page Editor

The Home Page Editor is where you select a template and further customize the elements for your homepage. You can:

This video provides a fantastic tour of how the Homepage Editor works and how you can use it to design your homepage.

Project Styles

In the Project Styles section, you can choose an overall theme for your projects and colors for specific aspects of them.

You can choose from the Classic, Fresh, or Bold theme and further customize the colors on your site. If you select the Classic theme, you can adjust the Project Primary Colors; you will need to contact support to adjust your Project Secondary Colors.

Additionally, there are Advanced Color Overrides for Fresh and Bold project themes, which enable you to select colors for your Buttons, Tools, Tool Tabs, and Widgets.

Learn more about using Project Styles.

Logo, Icons & Images

In the Logo, Icons & Images section, you can upload image files to keep your branding consistent. You can upload the following:

  • A Logo

  • A Favicon

  • A Background Image

  • A Project Banner Override

These images will appear throughout your site and must be in the following formats: .jpg, .jpeg, .png, and .gif.

Note: On pages translated to a language other than English, the registration, sign-in, forgot password, or user profile pages will not open in the translated language, as Google has deprecated the translation feature. However, this will work if the in-built translator of the browser is used.

What next?

Did this answer your question?