All Collections
Appearance editor
Homepage Editor - Project Styles
Homepage Editor - Project Styles

Choose an overall style for how your project pages will look for participants

Gayathri Rajendiran avatar
Written by Gayathri Rajendiran
Updated over a week ago

This article provides a detailed understanding of the color changes and themes on project pages.

You have to visit the Appearance page, click on Project styles, and then click on Project Page themes to make changes to your project page.

Project Page Themes

There are 3 kinds of themes to choose to fit your project.

  1. Classic: This is a default theme that does not support advanced color, shadow, or corner settings.

2. Fresh: This gives your project page a brand new look. The page feels lighter with tools and widgets having soft shadows and rounded corners.

3. Bold: This theme looks similar to the fresh theme. It has a light feel with framed content containers, sharp corners, a darker shadow and a well defined right widget column.

After choosing the required project styles theme, you can make changes to the colors by following the below steps ;

Note: Primary and Secondary colors are only for Classic themes and will not reflect in Fresh or Bold themes if the theme is switched.

Classic Theme :

If you have chosen the theme ‘Classic’, you can then see the option to make changes to the Primary colors. This is a default theme that does not support advanced color, shadow, or corner settings. You will need to contact the customer support team to make changes in the secondary colors.

Here, you can view and edit the 3 primary colors as shown below.

To change a primary color, click on a color in the Primary Colors section. You can view a color palette. Select a color from the color palette, as indicated in the figure below. You can also click on the ‘#hex’ value (#D45671 in case of the first primary color) to customize it.

Once the color is set, scroll down and click the Save button to save the changes. You have successfully replaced the old primary color with a new one.

Fresh and Bold Theme :

We also have the option of Advanced Color Overrides. This option only appears when the Fresh or Bold theme is selected. You can use these advanced settings to customize your site further.

Changes to the various sections of the project page including the Tools, tabs, hyperlinks, etc.

Contact our support team if you need any further assistance via chat or email support@engagementhq.com

Did this answer your question?