Adjusting Colors on the Pro Forma Page

Having issues with the colors on your Pro Forma page? Learn how to adjust your colors on just this page so it does not interfere with your Landing Page.

Updated: June 06, 2025

 

Here's a step-by-step guide on editing the Pro Forma landing page:

  1. Navigating to the Owner Acquisition Landing Page:

    • Go to "Sites".
    • Find and select the "Owner Acquisition" landing page.
    • Click on "Pro Formas" within your Funnel.
  2. Edit in a New Tab:

    • Opt to "Edit in a New Tab" for easier navigation.

Understand that most of the page is custom HTML and JavaScript. You do not need to be a coding expert as the colors pull from your Custom Values setup during your initial onboarding process. The custom values are your companies colors also used on the main landing page. 

 

  1. Using the Code Editor:

    • Find Open Code Editor on the right hand side

    • Look for Custom Values Color 1, 2, and 3 in the Custom Javascript/HTML Popup Box
      These represent different colors used on the page.
  1. Changing Colors:

    • If the word "!important" is not added to the custom code editor, please insert it as described in the video before proceeding.
    • Once you've inserted !important, find the HEX code of the color you're looking to adjust your Pro Forma to and insert directly next to the 
    • Save your changes.
  2. Reviewing Color Changes:

    • Refresh the Pro Forma page to see how colors have changed.
    • Use this process iteratively to fine-tune colors based on preference.
  3. Finalizing and Troubleshooting:

    • Make adjustments until you achieve the desired color scheme.
    • Remember, changes made here will only affect the Pro Forma page only and not the main landing page.