> For the complete documentation index, see [llms.txt](https://docs.limecall.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.limecall.com/callback/appearance.md).

# Appearance

Match the widget to your brand — colour, position, shape and text.

Open **Widget → Appearance**.

## Colour

Set the primary colour used for the button and accents. Use your brand's action colour — the same one your main call-to-action buttons use — so the widget reads as part of the site rather than a bolted-on tool.

Check the contrast against your background. Light colours on white leave the button hard to see, which costs you clicks.

## Position

Choose which corner the button sits in. Bottom-right is the convention and is where most visitors look first.

Move it to bottom-left if you already have something in the bottom-right — a cookie banner, a chat tool, a back-to-top button. Two floating buttons stacked in one corner means neither gets clicked.

You can also adjust the offset from the page edges, which is useful for clearing a sticky footer or a mobile navigation bar.

## Button shape and size

Round is the default and is the most recognisable. A rounded rectangle with a text label ("Call me") is more explicit and tends to convert better with audiences unfamiliar with floating call buttons.

Keep the tap target comfortably large on mobile — a button smaller than about 44 pixels is hard to hit accurately.

## Button text and icon

Set the label and the icon. Be literal. "Call me back" tells a visitor what will happen; a bare phone icon leaves them guessing whether it dials immediately, which makes cautious visitors avoid it.

## Panel styling

Control the header, the background and the text colour of the open panel. Set your logo here — the panel is a moment where visitors decide whether this is really your company, and an unbranded panel on a branded site reads as third-party and reduces trust.

## Mobile

The widget adapts to small screens automatically, but check the result. On mobile the panel typically occupies most of the viewport, so long greeting text pushes the form below the fold.

Test on a real phone rather than only in your browser's device emulator.

{% hint style="info" %}
Changes appear on your live site within a minute or two. Hard-reload the page if you do not see them.
{% endhint %}