[2.0] Color: Troubleshoot Color Change when Builder vs Preview/Published Do Not Match

[2.0] Color: Troubleshoot Color Change when Builder vs Preview/Published Do Not Match

If there is a discrepancy in the color between the Preview mode version and the Builder section of a specific page, the root of the issue could be a faulty Hex Code entered for the Background color option without the # symbol. E.g ffb925, where the correct code is #ffb925

Builder Section view:




Preview mode:




Once the # symbol is added, the issue should be resolved. If the funnel is already published, please click Push Changes to force the save.



    • Related Articles

    • [2.0] Change Font Color

      Questions and Choices From the Canvas, click to select the question you wish to edit and then click Builder, or simply click the pen icon located at the bottom-right corner of every question box Highlight the desired text and click the Font Color ...
    • [2.0] Builder: Screen Resolution

      If you find that your funnel does not look the same in the builder as it does in the preview or published version, then it is likely to be related to screen resolution problems. In essence, if the screen resolution is below 1350px the builder will ...
    • [2.0] Quiz Questions Builder

      Like other funnel components, Quiz Question components are customized through the Builder tab.  To start customizing a Quiz Question component, click the component, then click either Builder on the top left, or the Edit in Builder button that appears ...
    • [2.0] Single Page Builder

      This section was created to help bucket.io users create external pages such as, but not limited to Privacy Policy, About Us, Terms & Conditions, etc. Once built, Single Pages should provide a URL independent from the funnel's URL.  This Single Page ...
    • [2.0] Change Button Colors

      You can change colors of buttons in your Pre-Quiz, Post-Quiz, and Webinar pages. The procedure for changing button colors is the same for all of these various page types. Step # 1 Click the component where the button you want to edit is located, then ...