Skip to main content

How do I customize button styles in WanderOS?

Set the background and text colors for every button on your WanderOS site from the Branding panel.

Quick answer

You customize button styles from app.wander.com → Website → Branding → Styles → Edit Styles, in the Button Themes section. Button styles apply to every button on your site. This applies to all WanderOS hosts and property managers.


What this affects

Button Theme changes apply globally to every button on your site, including:

  • Booking buttons in the header and on property pages

  • Calls to action (CTAs) inside Hero, Large Content, and CTA sections

  • Form submit buttons such as Contact Form

  • Any button you add through page sections in the editor

Button styles are independent of your general color palette, so you can make CTAs stand out from the rest of the site.


How do I change my button styles?

  1. Log in to app.wander.com.

  2. In the left sidebar, click Website → Branding.

  3. Open Styles → Edit Styles.

  4. In the Button Themes section, set:

    • Background — the fill color of the button.

    • Text — the color of the text inside the button.

  5. Click Save to push changes live.

Note: If you do not customize them, buttons default to a neutral black/gray theme.


Save and undo behavior

The website preview updates in real time as you edit. Changes are not live on your site until you save them. Exit the Styles panel without saving to discard, or click Save to push them live.

Tip: For accessibility, make sure the Background and Text colors have enough contrast that the button label is easy to read. White text on a light background, or black text on a dark background, will be hard for guests to see.

Did this answer your question?