Learn how margins, padding and spacing works in the BeatKongs website editor. 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. Select the element or container with unwanted space.

   SCREENSHOT TO ADD: Screenshot needed: Margin and padding controls

2. Step 2. Open its layout or spacing controls and identify margin versus padding.
3. Step 3. Adjust one side at a time; margin changes space outside the element, padding changes space inside it.

   SCREENSHOT TO ADD: Screenshot needed: Same section before and after spacing fix

4. Step 4. Check desktop and mobile layouts for overlap, then save.

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.