Skip to main content
View Categories

Matching widgets to your fonts and colours

You may want the HomeRunner search bar, property pages and checkout to use the same fonts and colours as the rest of your website.

How styling works. Fonts and colours are settings on each HomeRunner widget. They are configured by HomeRunner rather than edited directly on your website.

What to send. Send support your brand spec, including your heading font, your body font, and hex values for background, text, buttons, button hover, borders and accents. Support applies it to every widget on your account. The change appears on the next page load, and you do not need to republish anything on your site.

Separate heading font. Headings and property names can use a different font from body text, for example a serif for headings and a sans-serif for everything else. This works only if your website already loads that heading font.

Search button colour. The round search button on the search bar has its own accent colour. It is set at the same time as the rest of your colours.