Quick summary
The Made in Framer badge can be removed from your published site by applying a code override that injects a CSS rule to hide it. This method uses Framer's built-in override system, requires no third-party plugins, and takes effect instantly after saving and publishing.
Steps
- Open your Framer project from the recent projects dashboard.
- Navigate to the Code Overrides tab and create a new code override.
- Name the override 'withCSS' so you can reuse the same file for future CSS customizations.
- Click 'Create' to generate the override file.
- Paste the CSS code into the override editor to target and hide the badge.
- Add the return statement to complete the component code structure.
- Press Ctrl + S to save your changes and apply them instantly to the canvas.
- Go to the Override option in the right panel to assign the override to your canvas element.
- Select your primary canvas and apply the code override to it.
- Click 'Publish' to push the changes live and remove the badge from your site.
