---
title: Step 1.2 - Color Changes & Logo Swap
slug: step-12-color-changes-and-logo-swap
docTags: 
createdAt: 2020-04-08T21:26:41.000Z
---

Change out the colors on the page to reflect the clients brand.



::Image[]{src="https://api.archbee.com/api/presign/012rwvWGexFxOdPoUwp1X/NfGMVQ0hhGcgP7SttjFuL_image.png" size="66" position="center" showCaption="false"}

For the button you will have to edit the CSS.  Get your main button color hex code and then select one a little darker or lighter and place them here: 

You also need to make sure that the BG color in the Button settings is transparent so the pulsing color works correctly. 

::Image[]{src="https://api.archbee.com/api/presign/012rwvWGexFxOdPoUwp1X/uuntp77A94AwwICji8yXx_image.png" size="50" position="center" showCaption="false"}



Enter CSS edit box through the Settings > Custom CSS

::Image[]{src="https://api.archbee.com/api/presign/012rwvWGexFxOdPoUwp1X/HlVsluDPjgLbPmwkZ5gsU_HL-css-edit-path.jpg" size="54" position="center" showCaption="false"}



::Image[]{src="https://api.archbee.com/api/presign/012rwvWGexFxOdPoUwp1X/m_AYxppt3IgFru8BAcje__image.png" size="80" position="center" showCaption="false"}