Skip to main content
You can style the text in your notifications using the built-in editor or custom CSS.

​
Built-in options

The notification editor includes:
  • Bold and italic formatting
  • Text alignment (left, center, right)
  • Font size adjustment

​
Custom fonts with CSS

To use your hotel’s brand font, add it via custom CSS: 
.tinybell-notification {
    font-family: 'Playfair Display', serif;
}
Make sure the font is already loaded on your website. If it is, TinyBell will use it automatically.

​
Font size

.tinybell-headline {
    font-size: 24px;
}
.tinybell-body {
    font-size: 14px;
}

​
Troubleshooting

  • If your custom font does not appear, check that the font is loaded on the page before the TinyBell pixel runs.
  • Use your browser’s Developer Tools (Inspect Element) to verify which font is being applied.
  • Google Fonts and Adobe Fonts both work as long as the stylesheet is included in your page’s <head>.