✓
the short answer

Push44 automates white-labeling for Base44 live sites: it inspects your app's sandbox files, instructs Base44's AI engine to inject high-specificity CSS rules (#base44-edit-badge { display: none !important; }) into src/index.css, and triggers a production redeployment via POST /api/apps/:appId/deploy. The live Vite bundle is rebuilt, delivering a clean, customized site across all browsers.

📖 Introduction

Base44 is one of the fastest AI app builders in the vibe coding ecosystem. When preparing client deliverables or production SaaS products, developers often customize layout elements and apply branded themes. Push44 provides an automated suite to apply custom CSS overrides directly to your live deployed website.

The Problem with Walled Gardens

When Base44 serves live deployed sites, its backend server injects /static/js/badge.js into the HTML <head>. Default templates display standard platform badges that may not align with your company brand guidelines.

The Push44 Solution

Push44 automates white-labeling for Base44 live sites: it inspects your app's sandbox files, instructs Base44's AI engine to inject high-specificity CSS rules (#base44-edit-badge { display: none !important; }) into src/index.css, and triggers a production redeployment via POST /api/apps/:appId/deploy. The live Vite bundle is rebuilt, delivering a clean, customized site across all browsers.

Step-by-Step Walkthrough

4 steps
1

Connect your Base44 account in Push44

Open Push44 (push44.vercel.app) and enter your Base44 access token or session cookie in Settings. Push44 validates your token and auto-discovers all your active Base44 apps.

💡 expert tip

Copy your access token or session cookie from your browser DevTools (F12 > Application > Cookies).

2

Select your Base44 app on the Push page

Go to the Push page in Push44 and select your Base44 project. Push44 displays your app name, live published URL (e.g. https://push44.base44.app), and the White-Labeling & Styling card.

💡 expert tip

Make sure your Base44 project has been deployed at least once so it has an active live URL.

3

Apply custom branding and redeploy

Click the 🛡️ Apply White-Label Styles button. Push44 automatically verifies current CSS rules, prompts Base44 AI to apply the styling rules, and calls the deployment endpoint.

💡 expert tip

The live rebuild and deployment typically takes 10–20 seconds.

4

Verify on your live deployed domain

Click 'View live site' to open your *.base44.app URL in a new tab. Hard-refresh (Ctrl+Shift+R or Cmd+Shift+R) to bypass browser cache — your customized styles are live.

💡 expert tip

The custom styling persists in your deployed build across all visitor sessions.

Pro Recommendations

✓

Hard-refresh your live site after styling updates to bypass local browser cache

✓

Push44 uses your active API token to deploy directly to Base44 edge servers

✓

You can re-apply custom styling anytime if you send new prompts in the Base44 editor

Common Pitfalls to Avoid

⚠️

Trying to block elements locally in your browser instead of updating the live production deployment

⚠️

Forgetting that styling rules must be compiled into the entry stylesheet (src/index.css)

Frequently Asked Questions

Does this update the styling on the live *.base44.app URL?

Yes! Push44 updates the live stylesheet and triggers a production deploy, so all visitors see the customized website.

Will my custom logic or database be affected?

Not at all. Push44 only injects non-destructive CSS rules targeting visual elements. All database entities, models, and backend functions remain identical.

What if I edit the app again in Base44?

If you send new chat prompts in Base44 that rewrite your stylesheet, simply click 'Apply White-Label Styles' in Push44 again to redeploy the clean version.

100% free · zero backend · client-side

Export and push your code in seconds.

Connect your platform, preview the visual diff, and create atomic commits on GitHub with zero server data retention.

Start exporting now → Learn more