Custom CSS

Style every pixel

A visual editor for the basics and full custom CSS for everything else, so the widget looks like a native part of your site, not a bolted-on iframe.

Most PMS widgets let you swap a logo and pick from a couple of presets. The Booking Widget gives you a real visual editor for the everyday changes and full custom CSS for total control, more than you get with any other tool on the market.

Two levels of control

01

Visual editor

Change brand colors, accents, fonts, and corner radius in a live editor, no code needed.

02

Full custom CSS

Drop into CSS to style every element down to the pixel when you want pixel-perfect control.

03

Ships instantly

Your styling applies to the embedded widget everywhere it appears, no redeploy of your site.

What you can change

🎨

Colors & accents

Match your brand palette exactly, not just a preset.

🔤

Fonts

Use the typeface that matches the rest of your site.

📐

Layout & shape

Corner radius, button styles, spacing, and layout.

🧩

Every element

Full CSS access for pixel-level control when you need it.

One snippet, any site

Embed with a single line of code on Squarespace, WordPress, Webflow, or plain HTML, then style it to feel native.

See how it works

Custom CSS FAQ

Do I need to know CSS?

No. The visual editor covers colors, fonts, and corners with no code. Custom CSS is there when you want deeper control.

Will it look like part of my site?

That is the goal. Between the visual editor and full CSS, you can make the widget feel native rather than like an embedded iframe.

Does styling work on any site builder?

Yes. The widget is one embed snippet that works on any site builder, and your styling travels with it.

What if I don't have a website?

No problem. Get in touch at contact@thebookingwidget.com and we'll hook you up.

Make it unmistakably yours

Style The Booking Widget to match your brand, from a quick color swap to pixel-perfect custom CSS.

Open the editor