How to Customize Sticky Player and License Modal Colors

WEBSITE & KONG BUILDER

How to Customize Sticky Player and License Modal Colors

Learn how to Customize Sticky Player and License Modal Colors in your BeatKongs producer website using Kong Builder.

Learn how to Customize Sticky Player and License Modal Colors in your BeatKongs producer website using Kong Builder. Follow the steps below in your own producer dashboard and check the result on the visitor-facing website before publishing.

Before you begin

Sign in to your BeatKongs producer account and open Website → Edit Website. Work on a page you can safely test. Builder controls may vary by theme, selected element and plan.

Step-by-step instructions

  1. Step 1. Open the relevant player, sticky player or license modal appearance settings.

    SCREENSHOT TO ADD: Screenshot needed: Player and license modal color controls

    Screenshot to capture: Player and license modal color controls.
  2. Step 2. Review available colors and contrast for controls, labels and buttons.
  3. Step 3. Change one setting and test the player or modal with an actual beat.

    SCREENSHOT TO ADD: Screenshot needed: Open license modal on a mobile screen

    Screenshot to capture: Open license modal on a mobile screen.
  4. Step 4. Confirm that purchase actions remain readable and functional on mobile.
Important: Sticky player and license modal appearance should be checked together with functional playback and checkout.

How to confirm it worked

Save the page, open the visitor-facing website, refresh it, and inspect the changed section on desktop and mobile. If the task involves a link, form, player, menu or other interactive feature, test that interaction directly on the live site.

Troubleshooting

  • Cannot find the control? Select the intended element first. Some settings only appear for certain components, themes or plans.
  • Change did not appear? Check that the correct page was saved, refresh the live page, and check whether caching is showing an older version.
  • Mobile layout looks wrong? Reopen device preview and inspect the affected element’s width, spacing and visibility.
  • Feature is missing or not working? Avoid deleting working content. Use Report Issues from your producer dashboard and describe the page, control and expected result.

Rate this Article

∅ 0 (0 Votes)

Categories for this entry