Updating Logos and Brand Colors

Updating your Civic Center

1. Log into manage.civicengine.com 
2. Navigate to the sidebar and click Site Configuration
   1. Click on the Civic Center feature

Changing your logo 

1. Click on “Choose File” button
   1. A pop-up should appear asking you to select a new image from your device. Select your picture and click open.
2. Your new picture should be displayed where the old logo was

Changing the primary + secondary colors 

You can update the colors of your website through 3 different methods: HEX code, RGB code, or manually selecting a color. You can use this site to convert your brand colors into HEX or RGB codes.

Update through HEX codes:

1. Update the codes under "Primary" and "Secondary" to your brand colors
2. Scroll to the bottom of the page and click "Publish"

Update through RGB Codes:

1. Click on the primary color color box.
2. A color wheel pop-up will appear, with boxes to input your RGB code at the bottom
3. After you have entered your RGB code, repeat the steps for the secondary color
4. Scroll to the bottom of the page and click "Publish"

Update through manually selecting your colors:

1. Click on the primary color color box.
2. A “pick-your-new-color” color wheel pop-up should appear, as you click through different colors the color code should change depending on your selection. Once you’ve made your decision, click outside of the color wheel to save your choice.
3. Repeat the steps for the secondary color.
4. Scroll to the bottom of the page and click "Publish"

Change your Civic Center image 

1. Click on “Choose File” button.
   1. A pop-up should appear asking you to select a new image from your device. Select your picture and click open.
2. Your new picture should be displayed where the old logo was.

Change your social media URL 

1. Click into the URL editable field and type your new URL

Updating Your Landing Page

1. Navigate to the sidebar and click Site Configuration
2. Click on the Landing Page feature

Changing your logo 

1. Click on “Choose File” button
   1. A pop-up should appear asking you to select a new image from your device. Select your picture and click open
2. Your new picture should be displayed where the old logo was

Reach out to your Customer Success Lead for more support updating your site.